.start-surface .panel{padding:16px 20px}.start-surface .panel-head{min-height:28px;margin-bottom:12px}.start-surface .panel-head h1{font-size:14px;font-weight:550;letter-spacing:.5px}
.start-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
.start-example{display:flex;flex-direction:column;gap:7px;min-width:0;padding:0;color:var(--ui-ink);text-align:left;font-size:11px;line-height:1.4}
.start-example-picture{position:relative;display:block;width:100%;height:62px;overflow:hidden;border-radius:11px;background:var(--ui-tint);box-shadow:inset 0 0 0 1px #ffffff30}
.start-example-picture img{position:absolute;top:50%;right:0;width:200%;max-width:none;height:auto;transform:translateY(-50%);display:block}
.start-example>span:last-child{padding:0 2px;font-weight:500}.start-browse{height:36px;min-height:36px;font-size:11px;border-radius:11px}
.start-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.start-tile{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;min-width:0;height:72px;padding:12px;border:1px solid color-mix(in srgb,var(--ui-line) 70%,transparent);border-radius:16px;background:linear-gradient(140deg,var(--ui-glass),color-mix(in srgb,var(--ui-tint) 15%,transparent));color:var(--ui-ink);box-shadow:inset 0 1px 0 #ffffff30}
.start-tile strong{min-width:0;white-space:nowrap;font-size:12px;font-weight:550;line-height:1.4}.start-tile-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:32px}.start-tile-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.start-tile-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent) 84%,var(--ui-tint)),var(--ui-accent));color:var(--ui-chrome);border-color:transparent}
@media(max-width:359px){.start-surface .panel{padding-inline:16px}.start-examples{gap:8px}.start-example-picture{height:54px}.start-tile{gap:6px;padding:10px}.start-tile-icon{width:24px;flex-basis:24px}.start-tile strong{font-size:11px}}
@media(min-width:820px){.start-examples{gap:10px}.start-example-picture{height:72px}.start-surface .panel{padding:24px}}