@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap");:root{--ink:#20221f;--cream:#f5f3ec;--muted:#77786e;--line:#d7d5cb}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif}.shell{min-height:100vh;padding:0}.hero,.shell{width:100%;margin:0}.hero{padding:20px}.generator{width:100%;margin:0;padding:0}.top-row{display:flex;align-items:stretch;gap:10px;width:100%}.control-panel{display:block;width:min(430px,100%);background:#fff;border:1px solid #deddd5;border-radius:0 9px 9px 0;box-shadow:0 12px 35px #44441c0b;overflow:hidden}.url-control{display:flex;align-items:center;min-width:0;min-height:54px;padding:7px 14px}.globe{flex:none;margin-right:12px;color:#9a9c91;font-size:21px;transform:rotate(-45deg)}.url-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:15px Manrope,sans-serif}.top-actions{display:flex;align-items:stretch;gap:8px;white-space:nowrap}.preview-button,button{border:0;border-radius:6px;padding:0 20px;background:var(--ink);color:#fff;font:600 13px Manrope,sans-serif;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s;display:inline-flex;align-items:center;justify-content:center}.preview-button:hover,button:hover{background:#4a4d45;transform:translateY(-1px)}button:disabled{opacity:.6;cursor:wait;transform:none}.preview-button{background:#fff;color:var(--ink);border:1px solid var(--line)}.download{background:#65752d}.progress-status{display:flex;align-items:center;gap:12px;width:min(755px,100%);margin-top:10px;color:#88897f;font:10px DM Mono,monospace;letter-spacing:.03em}.progress-track{height:3px;flex:1 1;overflow:hidden;border-radius:4px;background:#deddd5}.progress-track span{display:block;height:100%;border-radius:4px;background:var(--ink);transition:width .15s ease}.error{margin:10px 0 0;color:#a24b4b;font-size:12px}.share-form{display:flex;align-items:stretch;gap:8px;margin-top:12px;width:100%}.share-form>input{width:min(260px,24vw);min-height:46px;border:1px solid #deddd5;border-radius:6px;background:#fff;padding:0 14px;outline:0;color:var(--ink);font:13px Manrope,sans-serif}.share-form>input:focus{border-color:#8b8d81;box-shadow:0 0 0 3px #20221f0d}.share-form>button{min-height:46px}.share-message{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 10px;color:#526222;font:11px DM Mono,monospace}.share-message a{max-width:360px;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.share-error{color:#a24b4b}.design-system-preview{width:calc(100% - 40px);min-height:520px;margin:0 20px 20px;overflow:hidden;border:1px solid #d4d3cb;border-radius:12px;background:var(--ds-surface);color:var(--ds-primary);box-shadow:0 22px 70px #20221f0d;font-family:var(--ds-font);font-weight:var(--ds-other-weight);transition:background-color .25s,color .25s}.ds-toolbar{height:44px;justify-content:space-between;padding:0 17px;border-bottom:1px solid #d4d3cb;background:#fff;color:#65675f;font:500 9px DM Mono,monospace;letter-spacing:.08em}.ds-toolbar,.ds-toolbar>div{display:flex;align-items:center}.ds-toolbar>div{gap:8px}.ds-live-dot{width:7px;height:7px;border-radius:50%;background:#79a12e;box-shadow:0 0 0 4px #79a12e1f;animation:ds-pulse 2s ease-in-out infinite}.ds-contrast{padding:5px 8px;border-radius:20px;background:#fff1df;color:#9b6421;letter-spacing:.02em}.ds-contrast-good{background:#eff6dd;color:#59731f}.ds-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;min-height:476px}.ds-showcase{display:flex;flex-direction:column;min-width:0;padding:24px 30px 28px;border-right:1px solid color-mix(in srgb,var(--ds-primary) 14%,transparent);background:var(--ds-surface);transition:background-color .25s,color .25s}.ds-nav{justify-content:space-between;padding-bottom:23px;border-bottom:1px solid color-mix(in srgb,var(--ds-primary) 17%,transparent);font-family:var(--ds-font)}.ds-nav,.ds-wordmark{display:flex;align-items:center}.ds-wordmark{gap:10px;font-size:12px;font-weight:var(--ds-other-weight);letter-spacing:.09em;text-transform:uppercase}.ds-wordmark i{width:11px;height:11px;border-radius:50%;background:var(--ds-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--ds-accent) 25%,transparent);transition:background-color .25s}.ds-nav-links{font-size:10px;font-weight:var(--ds-other-weight);opacity:.66}.ds-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.4fr);align-items:stretch;grid-gap:24px;gap:24px;padding:30px 0 24px}.ds-hero-copy{align-self:center;max-width:780px;padding:0}.ds-eyebrow{display:inline-flex;padding:7px 10px;border-radius:99px;background:var(--ds-accent);color:var(--ds-accent-text);font-size:9px;font-weight:var(--ds-other-weight);letter-spacing:.08em;text-transform:uppercase;transition:background-color .25s,color .25s}.ds-hero-copy h1{max-width:760px;margin:18px 0 13px;font-size:var(--ds-h1-size);font-weight:var(--ds-h1-weight);line-height:.94;letter-spacing:-.055em;transition:color .25s,font-size .2s,font-weight .2s}.ds-hero-copy h1,.ds-hero-copy p{color:var(--ds-primary);font-family:var(--ds-font)}.ds-hero-copy p{max-width:580px;margin:0;font-size:13px;font-weight:var(--ds-p-weight);line-height:1.65;opacity:.7}.ds-actions{display:flex;align-items:center;gap:9px;margin-top:23px}.ds-primary-action,.ds-secondary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:42px;padding:0 14px;border-radius:5px;font-size:11px;font-weight:var(--ds-other-weight);cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .25s}.ds-primary-action{background:var(--ds-primary);color:var(--ds-primary-text)}.ds-primary-action:hover,.ds-secondary-action:hover{border-color:var(--ds-button-hover);background:var(--ds-button-hover);color:var(--ds-button-hover-text);transform:translateY(-2px)}.ds-card-link b,.ds-primary-action b{font-size:14px}.ds-secondary-action{border:1px solid color-mix(in srgb,var(--ds-primary) 38%,transparent);color:var(--ds-primary)}.ds-image-sample{display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:8px;gap:8px;min-width:0;min-height:240px;margin:0;padding:var(--ds-image-padding);overflow:hidden;border:var(--ds-image-border);border-radius:8px;background:color-mix(in srgb,var(--ds-surface) 75%,#fff);transition:border .25s,padding .25s}.ds-image-sample img{display:block;width:100%;height:100%;min-height:205px;object-fit:cover;border:0;border-radius:4px;filter:saturate(.86) contrast(1.03)}.ds-image-sample figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px;color:var(--ds-primary);font-size:8px;font-weight:var(--ds-other-weight);letter-spacing:.05em;text-transform:uppercase}.ds-image-sample figcaption span{opacity:.58}.ds-image-sample figcaption b{font-weight:var(--ds-other-weight)}.ds-component-row{display:grid;grid-template-columns:minmax(250px,1fr) minmax(210px,.72fr);grid-gap:10px;gap:10px;margin-top:0}.ds-sample-card,.ds-type-specimen{min-height:142px;padding:17px;border:1px solid color-mix(in srgb,var(--ds-primary) 16%,transparent);border-radius:8px;background:color-mix(in srgb,var(--ds-surface) 88%,#fff);transition:background-color .25s,border-color .25s}.ds-sample-card{display:grid;grid-template-columns:1fr auto;align-content:start;grid-gap:8px 16px;gap:8px 16px}.ds-badge{justify-self:start;padding:5px 7px;border-radius:4px;background:var(--ds-accent);color:var(--ds-accent-text);font-size:8px;font-weight:var(--ds-other-weight);letter-spacing:.06em;text-transform:uppercase}.ds-sample-card h3{grid-column:1/-1;margin:0;font-size:20px;font-weight:var(--ds-h3-weight);line-height:1.06;letter-spacing:-.035em}.ds-sample-card p{grid-column:1/-1;margin:0;font-size:10px;font-weight:var(--ds-p-weight);line-height:1.5;opacity:.62}.ds-card-link{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:3px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--ds-primary) 13%,transparent);font-size:9px;font-weight:var(--ds-other-weight)}.ds-type-specimen{display:grid;grid-gap:9px;gap:9px}.ds-type-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ds-type-head>span{font-size:8px;font-weight:var(--ds-other-weight);letter-spacing:.1em;opacity:.58}.ds-type-head>strong{font-size:34px;font-weight:var(--ds-other-weight);line-height:.72;letter-spacing:-.08em}.ds-heading-scale{display:grid;grid-gap:5px;gap:5px}.ds-heading-scale :is(h1,h2,h3,h4,h5,h6){display:grid;grid-template-columns:24px minmax(0,1fr) 42px;align-items:baseline;grid-gap:7px;gap:7px;margin:0;line-height:1;letter-spacing:-.025em}.ds-heading-scale h1{font-weight:var(--ds-h1-weight)}.ds-heading-scale h2{font-weight:var(--ds-h2-weight)}.ds-heading-scale h3{font-weight:var(--ds-h3-weight)}.ds-heading-scale h4{font-weight:var(--ds-h4-weight)}.ds-heading-scale h5{font-weight:var(--ds-h5-weight)}.ds-heading-scale h6{font-weight:var(--ds-h6-weight)}.ds-heading-scale span{font:7px DM Mono,monospace;letter-spacing:0;opacity:.45}.ds-heading-scale b{min-width:0;overflow:hidden;font-weight:inherit;text-overflow:ellipsis;white-space:nowrap}.ds-heading-scale em{font:7px DM Mono,monospace;letter-spacing:0;text-align:right;opacity:.52}.ds-type-specimen>p{margin:1px 0 0;font-size:10px;font-weight:var(--ds-p-weight)}.ds-type-specimen>small{max-width:240px;font-size:9px;font-weight:var(--ds-other-weight);line-height:1.5;opacity:.62}.ds-tokens{display:flex;flex-direction:column;padding:24px;background:color-mix(in srgb,var(--ds-surface) 82%,#fff);font-family:var(--ds-font);transition:background-color .25s,color .25s}.ds-shuffle-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px}.ds-shuffle-panel>div{display:grid;grid-gap:5px;gap:5px;min-width:0}.ds-shuffle-panel span{font-size:8px;font-weight:var(--ds-other-weight);letter-spacing:.1em}.ds-shuffle-panel small{overflow:hidden;font-size:10px;font-weight:var(--ds-other-weight);text-overflow:ellipsis;white-space:nowrap;opacity:.62}.ds-shuffle-button{flex:none!important;min-height:34px!important;padding:0 12px!important;border:1px solid var(--ds-primary)!important;border-radius:5px!important;background:var(--ds-primary)!important;color:var(--ds-primary-text)!important;font:var(--ds-other-weight) 9px var(--ds-font)!important;white-space:nowrap}.ds-shuffle-button b{margin-left:8px;font-size:14px;font-weight:var(--ds-other-weight);transition:transform .35s}.ds-shuffle-button:hover{border-color:var(--ds-button-hover)!important;background:var(--ds-button-hover)!important;color:var(--ds-button-hover-text)!important;transform:translateY(-1px)}.ds-shuffle-button:hover b{transform:rotate(150deg)}.ds-token-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 0 12px;border-top:1px solid color-mix(in srgb,var(--ds-primary) 14%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ds-primary) 14%,transparent)}.ds-token-head>span,.ds-ui-samples>span{font-size:8px;font-weight:var(--ds-other-weight);letter-spacing:.1em}.ds-token-head small{max-width:110px;font-size:8px;line-height:1.4;text-align:right;opacity:.55}.ds-swatches{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:16px 0}.ds-swatches article{display:block;min-width:0}.ds-swatches article>input[type=color]{display:block;width:100%;height:42px;margin:0 0 7px;padding:2px;border:1px solid color-mix(in srgb,var(--ds-primary) 15%,transparent);border-radius:6px;background:#fff;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.22);cursor:pointer}.ds-swatches article>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ds-swatches article>input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.ds-swatches article>div{display:grid;grid-gap:5px;gap:5px}.ds-swatches span{font-size:9px;font-weight:var(--ds-other-weight)}.ds-swatches code{font:9px DM Mono,monospace;opacity:.58}.ds-control-section{display:grid;grid-gap:11px;gap:11px;padding:15px 0;border-top:1px solid color-mix(in srgb,var(--ds-primary) 14%,transparent)}.ds-control-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.ds-control-title>span{letter-spacing:.1em}.ds-control-title>small,.ds-control-title>span{font-size:8px;font-weight:var(--ds-other-weight)}.ds-control-title>small{opacity:.55}.ds-font-picker select{width:100%;height:38px;padding:0 10px;border:1px solid color-mix(in srgb,var(--ds-primary) 18%,transparent);border-radius:5px;background:color-mix(in srgb,var(--ds-surface) 72%,#fff);color:var(--ds-primary);font:var(--ds-other-weight) 11px var(--ds-font);outline:0;cursor:pointer}.ds-font-picker select:focus{border-color:var(--ds-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-accent) 24%,transparent)}.ds-size-list{display:grid;grid-gap:13px;gap:13px}.ds-size-list label{display:grid;grid-template-columns:24px minmax(0,1fr) 48px;align-items:center;grid-gap:8px;gap:8px}.ds-size-list label>span{font-size:8px;font-weight:var(--ds-other-weight);opacity:.65}.ds-size-list input[type=range]{width:100%;height:3px;margin:0;accent-color:var(--ds-primary);cursor:pointer}.ds-size-list output{font:8px DM Mono,monospace;text-align:right;opacity:.62}.ds-line-height-control{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;grid-gap:10px;gap:10px}.ds-line-height-control input[type=range]{width:100%;height:3px;margin:0;accent-color:var(--ds-primary);cursor:pointer}.ds-line-height-control output{font:8px DM Mono,monospace;text-align:right;opacity:.62}.ds-weight-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px}.ds-weight-grid label{display:grid;grid-gap:5px;gap:5px;min-width:0}.ds-color-control>span,.ds-hover-colors label>span,.ds-weight-grid label>span{font-size:8px;font-weight:var(--ds-other-weight);opacity:.62}.ds-weight-grid select{width:100%;min-width:0;height:31px;padding:0 4px;border:1px solid color-mix(in srgb,var(--ds-primary) 18%,transparent);border-radius:4px;background:color-mix(in srgb,var(--ds-surface) 72%,#fff);color:var(--ds-primary);font:var(--ds-other-weight) 9px var(--ds-font);outline:0;cursor:pointer}.ds-weight-grid select:focus{border-color:var(--ds-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-accent) 24%,transparent)}.ds-switch{display:flex;align-items:center;gap:7px;cursor:pointer}.ds-switch input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.ds-switch i{position:relative;width:30px;height:16px;border-radius:20px;background:color-mix(in srgb,var(--ds-primary) 20%,transparent);transition:background .2s}.ds-switch i:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.ds-switch input:checked+i{background:var(--ds-primary)}.ds-switch input:checked+i:after{transform:translateX(14px)}.ds-switch input:focus-visible+i{outline:2px solid var(--ds-accent);outline-offset:2px}.ds-switch b{min-width:17px;font-size:8px;font-weight:var(--ds-other-weight)}.ds-color-control{display:grid;grid-template-columns:1fr 34px auto;align-items:center;grid-gap:9px;gap:9px;transition:opacity .2s}.ds-color-control.is-disabled{opacity:.38}.ds-color-control input,.ds-hover-colors input{width:34px;height:28px;padding:2px;border:1px solid color-mix(in srgb,var(--ds-primary) 18%,transparent);border-radius:4px;background:#fff;cursor:pointer}.ds-color-control code,.ds-hover-colors code{font:8px DM Mono,monospace;opacity:.58}.ds-hover-colors{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.ds-hover-colors label{display:grid;grid-template-columns:34px 1fr;align-items:center;grid-gap:5px 8px;gap:5px 8px;min-width:0}.ds-hover-colors label>span{grid-column:1/-1}.ds-ui-samples{display:grid;grid-gap:11px;gap:11px;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--ds-primary) 14%,transparent)}.ds-mini-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.ds-mini-buttons i{display:flex;align-items:center;justify-content:center;height:36px;border-radius:5px;background:var(--ds-primary);color:var(--ds-primary-text);font-style:normal;font-size:9px;font-weight:var(--ds-other-weight);cursor:pointer;transition:background-color .25s,color .25s,transform .25s}.ds-mini-buttons i:first-child:hover{background:var(--ds-button-hover);color:var(--ds-button-hover-text);transform:translateY(-2px)}.ds-mini-buttons i:last-child{background:var(--ds-accent);color:var(--ds-accent-text)}.ds-mini-input{display:grid;grid-gap:5px;gap:5px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--ds-primary) 17%,transparent);border-radius:5px;background:color-mix(in srgb,var(--ds-surface) 70%,#fff)}.ds-mini-input span{font-size:7px;font-weight:var(--ds-other-weight);letter-spacing:.06em;text-transform:uppercase;opacity:.55}.ds-mini-input b{font-size:10px;font-weight:var(--ds-other-weight);opacity:.8}.design-system-preview :is(h1,h2,h3,h4,h5,h6,p,li,a,button,label,small,span,strong,b,em,figcaption){line-height:var(--ds-line-height)}@keyframes ds-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.55}}.result{width:100%;margin:20px 0 0;padding:0;border-top:1px solid var(--line)}.result-head{display:flex;align-items:center;gap:12px;padding:10px 0}.file-name,.result-head small{font:10px DM Mono,monospace;letter-spacing:.07em;color:#92938a}.file-name{color:#65665f}.preview-wrap{width:100%;height:calc(100vh - 145px);min-height:520px;overflow:hidden;background:#fff;border-top:1px solid var(--line)}.preview-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);display:grid;grid-gap:13px;gap:13px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:0 22px 60px #20221f12}.login-card>span{color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.09em}.login-card h1{margin:3px 0 12px;font-size:32px;letter-spacing:-.05em}.login-card input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:6px;padding:0 14px;outline:0;font:14px Manrope,sans-serif}.login-card input:focus{border-color:#85877c;box-shadow:0 0 0 3px #20221f0d}.login-card button{min-height:50px}.login-card button i{margin-left:7px;font-style:normal}.login-card p{margin:2px 0 0;color:#a24b4b;font-size:12px}.records-shell{width:100%;min-height:100vh;padding:28px;background:#f5f3ec;color:#20221f}.records-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:10px 0 28px;border-bottom:1px solid #d7d5cb}.records-header p{margin:0 0 15px;color:#7f8178;font:500 10px DM Mono,monospace;letter-spacing:.11em}.records-header h1{margin:0;font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:-.06em}.records-header>div>span{display:block;margin-top:13px;color:#77786e;font-size:13px}.records-header>a{display:inline-flex;align-items:center;gap:12px;min-height:43px;padding:0 16px;border:1px solid #cfcec6;border-radius:7px;background:#fff;color:#20221f;font:600 12px Manrope,sans-serif;text-decoration:none;white-space:nowrap;transition:transform .2s,border-color .2s}.records-header>a:hover{border-color:#8c8e85;transform:translateY(-1px)}.records-stats{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));border-bottom:1px solid #d7d5cb}.records-stats article{display:grid;grid-gap:13px;gap:13px;padding:23px 22px;border-right:1px solid #d7d5cb}.records-stats article:first-child{padding-left:0}.records-stats article:last-child{border-right:0}.records-stats small{color:#898b82;font:500 9px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.records-stats strong{font-size:25px;line-height:1;letter-spacing:-.04em}.records-table-wrap{width:100%;margin-top:22px;overflow:auto;border:1px solid #d7d5cb;border-radius:9px;background:#fff;box-shadow:0 16px 50px #20221f0a}.records-table{width:100%;min-width:1280px;border-collapse:collapse;text-align:left}.records-table th{padding:14px 16px;border-bottom:1px solid #d7d5cb;background:#efeee8;color:#777970;font:500 9px DM Mono,monospace;letter-spacing:.065em;text-transform:uppercase;white-space:nowrap}.records-table td{max-width:245px;padding:17px 16px;border-bottom:1px solid #e8e6df;color:#33352f;font-size:12px;line-height:1.45;vertical-align:middle}.records-table tbody tr:last-child td{border-bottom:0}.records-table tbody tr{transition:background .18s}.records-table tbody tr:hover{background:#fafaf7}.records-table td small{display:block;margin-top:4px;color:#989a92;font:9px DM Mono,monospace;white-space:nowrap}.records-cost,.records-date,.records-number{white-space:nowrap}.records-email,.records-source{display:block;max-width:220px;overflow:hidden;color:#30322e;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.records-email:hover,.records-source:hover{text-decoration:underline}.records-source span{color:#8d8f86}.records-empty{color:#aaaba4}.records-clicked,.records-waiting{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.records-clicked i,.records-waiting i{width:7px;height:7px;border-radius:50%;background:#7ca330;box-shadow:0 0 0 3px #7ca3301f}.records-waiting{color:#92948c}.records-waiting i{background:#bbbcb6;box-shadow:none}.records-demo-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-width:104px;padding:9px 11px;border-radius:5px;background:#20221f;color:#fff;text-decoration:none;font-weight:600;white-space:nowrap;transition:background .18s,transform .18s}.records-demo-link:hover{background:#42453e;transform:translateY(-1px)}.records-empty-row{height:180px!important;max-width:none!important;color:#8c8e86!important;text-align:center!important}.records-error{margin-top:22px;padding:18px;border:1px solid #dfb7b7;border-radius:8px;background:#fff7f7;color:#9a3f3f;font-size:13px}.records-footer{display:flex;justify-content:space-between;gap:20px;padding:16px 2px;color:#92948c;font:9px DM Mono,monospace;letter-spacing:.03em}@media(max-width:950px){.top-row{flex-wrap:wrap}.control-panel{width:min(430px,100%);flex:none}.top-actions{height:48px}.ds-layout{grid-template-columns:minmax(0,1fr) 350px}.ds-showcase{padding:22px}.ds-tokens{padding:20px}.ds-hero-grid{grid-template-columns:1fr}.ds-image-sample{min-height:190px}.ds-image-sample img{min-height:170px}.ds-component-row{grid-template-columns:1fr}}@media(max-width:700px){.hero{padding-top:10px}.control-panel{width:100%;border-radius:0}.url-control{min-height:52px}.top-actions{width:100%;flex-wrap:wrap;height:auto}.preview-button,button{min-height:46px;flex:1 1}.share-form{flex-wrap:wrap}.share-form>input{width:calc(50% - 4px)}.share-form>button{flex:1 1 100%}.share-message{width:100%;padding:5px 0}.progress-status{padding-right:10px}.preview-wrap{height:75vh;min-height:460px}.design-system-preview{width:calc(100% - 20px);margin:0 10px 14px}.ds-toolbar{padding:0 12px}.ds-layout{display:block}.ds-showcase{padding:18px;border-right:0;border-bottom:1px solid #d4d3cb}.ds-nav-links{display:none}.ds-hero-grid{display:block;padding:28px 0 20px}.ds-hero-copy{padding:0}.ds-hero-copy h1{font-size:min(var(--ds-h1-size),54px)}.ds-image-sample{margin-top:22px}.ds-component-row{display:block}.ds-type-specimen{margin-top:10px}.ds-tokens{padding:18px}.ds-swatches{grid-template-columns:repeat(3,1fr);gap:8px}.ds-swatches article{display:block}.ds-swatches article>input[type=color]{width:100%;height:48px;margin-bottom:8px}.ds-token-head small{max-width:150px}.records-shell{padding:18px 14px}.records-header{align-items:flex-start;flex-direction:column}.records-stats{grid-template-columns:1fr 1fr}.records-stats article{padding:18px 14px;border-bottom:1px solid #d7d5cb}.records-stats article:nth-child(2){border-right:0}.records-stats article:first-child{padding-left:14px}.records-stats article:nth-child(3),.records-stats article:nth-child(4){border-bottom:0}.records-footer{flex-direction:column}}