.as-promise{justify-items:start;gap:8px;display:grid}.as .as-promise p{margin:0}.as-promise-line{font-size:16px;font-weight:700;line-height:1.35}.as-paymarks{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:15px;line-height:1.3;display:flex}.as-paymarks-row{align-items:center;gap:6px;display:inline-flex}.as-paymark{box-sizing:border-box;background:#fff;border:1px solid #00000029;border-radius:4px;justify-content:center;align-items:center;min-width:38px;height:24px;padding:0 6px;display:inline-flex}.as-paymark svg{display:block}.as-paymark-klarna{color:#0b051d;letter-spacing:-.025em;background:#ffb3c7;border-color:#ffb3c7;min-width:0;padding:0 8px;font-size:12px;font-weight:700;line-height:1}.as-paymark-klarna:after{content:"Klarna."}.as-paymark-name{color:#111;white-space:nowrap;font-size:11px;font-weight:600;line-height:1}.as-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.as-falt-promise{margin-top:18px}.as-promise-small{gap:6px;margin-top:12px}.as-promise-small .as-promise-line{font-size:15px}.as-promise-small .as-paymarks{color:var(--muted);font-size:14px}.as .as-checkout-promise{margin:0 0 12px}.as-checkout-marks{color:var(--muted);margin-top:8px;font-size:14px}.as-price-table{margin-top:28px}.as .as-price-table h2{margin:0 0 10px;font-size:20px}.as-price-table table{border-collapse:collapse;width:100%;font-size:16px}.as-price-table th,.as-price-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 8px 9px 0}.as-price-table thead th{color:var(--muted);font-size:14px;font-weight:600}.as-price-table tbody th{font-weight:600}.as-price-table td:last-child{white-space:nowrap;text-align:right;padding-right:0}.as-price-table thead th:last-child{text-align:right;padding-right:0}.as .as-price-note{color:var(--muted);margin:10px 0 0;font-size:15px}.as .as-foot-marks{margin-top:14px}
.at-tool{--at-surface:var(--surface,var(--tint));--at-btn-bg:var(--btn-bg,var(--ink));--at-btn-ink:var(--btn-ink,var(--bg));--at-focus:var(--btn-bg,var(--ink));--at-field-bg:var(--field-bg,var(--bg));--at-field-ink:var(--field-ink,var(--ink));--at-field-line:var(--field-line,var(--line));--at-warn:var(--bad,var(--accent2,var(--ink)));--at-r-btn:min(var(--r-btn,6px), 6px);--at-r-card:min(var(--r-card,6px), 8px);--at-h:40px;--at-check-a:#f1f1f1;--at-check-b:#d9d9d9;color:var(--ink);font-family:var(--text);font-size:14.5px;line-height:1.45;container-type:inline-size}@media (pointer:coarse),(max-width:699px){.at-tool{--at-h:44px}}.at-tool *,.at-tool :before,.at-tool :after{box-sizing:border-box}.at-head{margin:0 0 16px}.at-heading{font-family:var(--head);font-weight:var(--head-weight,700);letter-spacing:var(--head-track,normal);text-transform:var(--head-case,none);margin:0 0 6px;line-height:1.1}h1.at-heading{font-size:clamp(28px,4vw,40px)}.at-tool .at-intro{color:var(--muted);max-width:92ch;margin:0;font-size:15px;line-height:1.45}.at-intro .at-guide-link{min-height:0}.at-empty{border:1px dashed var(--line);border-radius:var(--at-r-card);color:var(--muted);padding:24px}.at-designer-sec{padding-top:20px}.at-grid{border-radius:var(--at-r-card);gap:16px;display:grid}.at-grid.at-dragging{outline:2px dashed var(--at-focus);outline-offset:6px}.at-controls,.at-side{display:contents}.at-options{order:1}.at-preview-sec{order:2}.at-add{order:3}.at-list{order:4}.at-summary{order:5}@container (min-width:880px){.at-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);align-items:start;gap:28px}.at-controls{align-content:start;gap:20px;min-width:0;display:grid}.at-side{align-content:start;gap:12px;min-width:0;display:grid;position:sticky;top:16px}}.at-step{font-family:var(--head);font-size:15px;font-weight:var(--head-weight,700);letter-spacing:var(--head-track,normal);margin:0 0 8px;padding:0}.at-small{color:var(--muted);margin:6px 0 0;font-size:13px}.at-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.at-btn{min-height:var(--at-h);border-radius:var(--at-r-btn);border:1.5px solid var(--at-btn-bg);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:0 16px;font-size:14.5px;font-weight:600;line-height:1.1;text-decoration:none;display:inline-flex}.at-btn-main{background:var(--at-btn-bg);color:var(--at-btn-ink)}.at-btn-quiet{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:0 12px;font-weight:500}.at-btn-quiet:hover:not(:disabled){border-color:var(--ink)}.at-btn-quiet.at-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.at-btn:disabled{opacity:.5;cursor:default}.at-danger{color:var(--at-warn)}.at-linkbtn{min-height:32px;color:var(--muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:13.5px;text-decoration:underline}.at-linkbtn:disabled{opacity:.5;cursor:default}.at-tool :is(button,input,select,textarea,a,canvas,[tabindex]):focus-visible,.at-cp :is(button,input,[tabindex]):focus-visible{outline:2px solid var(--at-focus,var(--ink));outline-offset:2px}.at-option:has(input:focus-visible){outline:2px solid var(--at-focus);outline-offset:2px}.at-options{border:0;min-width:0;margin:0;padding:0}.at-options legend{float:left;width:100%}.at-options legend+*{clear:both}.at-option-list{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;display:grid}.at-option{border:1px solid var(--line);border-radius:var(--at-r-btn);background:var(--bg);cursor:pointer;align-content:center;gap:1px;min-height:56px;padding:7px 10px;display:grid;position:relative}.at-option input{opacity:0;pointer-events:none;position:absolute}.at-option-name{font-weight:650}.at-option-price{font-variant-numeric:tabular-nums;font-size:13.5px}.at-option-detail{color:var(--muted);font-size:12px;line-height:1.3}.at-option:hover{border-color:var(--ink)}.at-option.at-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.at-add-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.at-add-row>.at-btn-main{grid-column:1/-1}@container (min-width:460px){.at-add-row{flex-wrap:wrap;display:flex}.at-add-row>.at-btn-main{padding:0 18px}}.at-drop-hint{margin-top:6px}.at-list-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.at-list-head .at-step{margin-bottom:6px}.at-count{color:var(--muted);font-weight:400}.at-empty-list{border:1px dashed var(--line);border-radius:var(--at-r-card);margin:0;padding:14px}.at-motifs{gap:6px;margin:0;padding:0;list-style:none;display:grid}.at-motif{border:1px solid var(--line);border-radius:var(--at-r-card);background:var(--bg);grid-template-columns:22px 48px minmax(0,1fr) auto;align-items:center;gap:8px 10px;padding:8px 10px;transition:border-color .4s;display:grid}.at-motif.at-fresh{border-color:var(--ink)}.at-motif.at-open{background:var(--at-surface)}.at-row{display:contents}.at-num{background:var(--ink);width:22px;height:22px;color:var(--bg);font-variant-numeric:tabular-nums;border-radius:4px;grid-area:1/1;place-items:center;font-size:12px;font-weight:700;line-height:1;display:grid}.at-thumb{background-color:var(--at-check-a);background-image:conic-gradient(var(--at-check-b) 25%, transparent 0 50%, var(--at-check-b) 0 75%, transparent 0);background-size:10px 10px;border-radius:4px;grid-area:1/2;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.at-thumb img{object-fit:contain;max-width:100%;max-height:100%}.at-row-main{grid-area:1/3;min-width:0;display:grid}.at-motif-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.at-row-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.at-meta-warn{color:var(--ink);font-weight:600}.at-more-btn{grid-area:1/4;justify-self:end;padding:0 12px}.at-qty{height:var(--at-h);border:1px solid var(--at-field-line);border-radius:var(--at-r-btn);background:var(--at-field-bg);grid-area:3/1/auto/4;justify-self:start;align-items:stretch;display:inline-flex}.at-qty-btn{width:36px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.at-qty-btn:disabled{opacity:.35;cursor:default}.at-qty input{border:0;border-inline:1px solid var(--at-field-line);width:44px;color:var(--at-field-ink);font:inherit;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border-radius:0;font-size:15px}.at-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.at-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.at-size{flex-wrap:wrap;grid-area:2/1/auto/-1;align-items:center;gap:6px 8px;min-width:0;display:flex}.at-size .at-field{align-items:center;gap:6px;display:inline-flex}.at-size .at-field label{color:var(--muted);font-size:13px}.at-size .at-field input{width:68px;min-height:36px;padding:0 6px}.at-size-x,.at-size-unit{color:var(--muted);font-size:13px}.at-fill{min-height:var(--at-h);grid-area:3/4;justify-self:end;padding:0 10px;font-size:13.5px}.at-motif>:is(.at-progress,.at-err,.at-warn,.at-small,.at-more){grid-column:1/-1}@container (min-width:560px){.at-motif{grid-template-columns:22px 52px minmax(0,1fr) auto auto}.at-thumb{width:52px;height:52px}.at-qty{grid-area:1/4;justify-self:end}.at-more-btn{grid-column:5}.at-size{grid-column:3/4}.at-fill{grid-area:2/4/auto/-1;min-height:36px}.at-motif>:is(.at-progress,.at-err,.at-warn,.at-small,.at-more){grid-column:3/-1}}.at-field{gap:4px;min-width:0;display:grid}.at-field label{color:var(--muted);font-size:13px}.at-field input{width:100%;min-height:var(--at-h);border:1px solid var(--at-field-line);border-radius:var(--at-r-btn);background:var(--at-field-bg);color:var(--at-field-ink);font:inherit;font-variant-numeric:tabular-nums;padding:0 10px;font-size:15px}@media (max-width:699px){.at-tool :is(input,select,textarea){font-size:16px}}.at-more{border-top:1px solid var(--line);gap:10px;padding-top:8px;display:grid}.at-tools{flex-wrap:wrap;gap:6px;display:flex}.at-checks{flex-wrap:wrap;gap:2px 18px;display:flex}.at-checks label,.at-inline-check{cursor:pointer;align-items:center;gap:8px;min-height:36px;font-size:14px;display:inline-flex}.at-checks input,.at-inline-check input{width:18px;height:18px;accent-color:var(--at-focus)}.at-dpi{align-items:center;gap:10px;font-size:13px;display:flex}.at-dpi meter{flex:none;width:80px;height:8px}.at-dpi-lag span{font-weight:600}.at-dpi-lag{border-left:3px solid var(--at-warn);padding-left:10px}.at-progress{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.at-progress progress{height:6px;accent-color:var(--at-focus);flex:1}.at-warn,.at-err{border-left:3px solid var(--at-warn);background:var(--at-surface);color:var(--ink);border-radius:0 4px 4px 0;margin:0;padding:6px 10px;font-size:13.5px}.at-warn{flex-wrap:wrap;align-items:center;gap:2px 14px;display:flex}.at-warn-actions{flex-wrap:wrap;align-items:center;gap:0 14px;display:inline-flex}.at-warn .at-linkbtn{color:var(--ink)}.at-ok{color:var(--ink);margin:0;font-size:14px}.at-ok a{color:inherit;font-weight:600}.at-preview-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.at-preview-head .at-step{margin:0}.at-sheets{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.at-sheet{justify-items:center;gap:4px;max-width:100%;margin:0;display:grid}.at-sheet svg{border:1px solid var(--line);background-color:var(--at-check-a);background-image:conic-gradient(var(--at-check-b) 25%, transparent 0 50%, var(--at-check-b) 0 75%, transparent 0);background-size:12px 12px;border-radius:2px;width:auto;max-width:100%;height:min(34vh,300px);display:block}.at-sheets-many .at-sheet svg{height:min(22vh,180px)}.at-sheet figcaption{color:var(--muted);font-size:12px}@container (min-width:880px){.at-sheet svg{height:min(100vh - 390px,560px);min-height:260px}.at-sheets-many .at-sheet svg{height:min(50vh - 205px,260px);min-height:140px}}.at-safe{fill:none;stroke:#9a9a9a;stroke-width:6px;stroke-dasharray:30 24}.at-ghost{fill:#80808059;stroke:#8a8a8a;stroke-width:6px}.at-badge rect{fill:#0e0e0f;opacity:.86}.at-badge text{fill:#fff;font-family:var(--text), system-ui, sans-serif;font-weight:700}.at-roll{border:1px solid var(--line);border-radius:var(--at-r-card);background:var(--bg);max-height:min(36vh,320px);padding:6px;overflow:auto}@container (min-width:880px){.at-roll{min-height:260px;max-height:min(100vh - 390px,560px)}}.at-roll svg{background:0 0;width:100%;height:auto;display:block}.at-film{fill:var(--at-check-a);stroke:#9a9a9a;stroke-width:8px}.at-cut{stroke:#707070;stroke-width:10px;stroke-dasharray:40 30}.at-tick line{stroke:var(--muted);stroke-width:8px}.at-tick text{fill:var(--muted);font-size:150px;font-family:var(--text)}.at-summary{border:1px solid var(--line);border-radius:var(--at-r-card);background:var(--at-surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:12px 14px;display:grid}.at-sum-text{gap:1px;min-width:0;display:grid}.at-sum-text p{margin:0}.at-sum-price{font-variant-numeric:tabular-nums;font-size:24px;line-height:1.15}.at-sum-price small{color:var(--muted);font-size:13px}.at-sum-main{font-variant-numeric:tabular-nums;font-size:13.5px}.at-sum-length{font-size:13px;line-height:1.4}.at-sum-note,.at-sum-empty{margin:0}.at-cta{padding:0 20px}.at-summary>:is(.at-sum-promise,.at-sum-msg){grid-column:1/-1}.at-sum-promise{margin-top:4px}@container (max-width:879px){.at-summary{z-index:5;border-radius:var(--at-r-card) var(--at-r-card) 0 0;padding:8px 12px;position:sticky;bottom:0;box-shadow:0 -6px 18px #0000001a}.at-summary :is(.at-sum-note,.at-sum-fill,.at-sum-promise){display:none}.at-sum-price{white-space:nowrap;font-size:20px}.at-sum-main,.at-sum-length{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.at-cta{padding:0 14px}}@media (prefers-reduced-motion:reduce){.at-tool *{transition:none!important;animation:none!important}}.at-buybox{gap:12px;max-width:460px;display:grid}.at-buybox ul{color:var(--muted);gap:4px;margin:0;padding-left:18px;font-size:15px;display:grid}.at-section{padding:8px 0 72px;scroll-margin-top:16px}.at-guide-link{min-height:44px;color:var(--ink);font:inherit;text-underline-offset:3px;cursor:pointer;vertical-align:middle;background:0 0;border:0;align-items:center;gap:6px;margin:0;padding:0;font-weight:600;text-decoration:underline;display:inline-flex}.at-guide-link svg{flex:none}.at-guide-wide,.at-guide-row-wide{display:none}@media (min-width:768px){.at-guide-wide{display:inline-flex}.at-guide-row-wide{display:block}}.at-guide-row{margin:-12px 0 14px}.at-guide{width:min(1100px,100vw - 32px);max-width:none;max-height:calc(100vh - 32px);color:var(--ink);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.at-guide::backdrop{background:#0e0e0fb8}.at-guide-box{background:var(--bg,#fff);border-radius:var(--at-r-card,6px);overflow:hidden}.at-guide-head{justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.at-guide-title{font-family:var(--head);font-size:17px;font-weight:var(--head-weight,700);letter-spacing:var(--head-track,normal);margin:0}.at-guide-close{border:1px solid var(--line);background:var(--bg,#fff);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;padding:0 16px}.at-guide-video{aspect-ratio:16/9;background:#0e0e0f;width:100%;height:auto;max-height:calc(100vh - 110px);display:block}.at-create{border:1px solid var(--line);border-radius:var(--at-r-card);background:var(--bg);gap:12px;min-width:0;margin-top:10px;padding:12px;display:grid}.at-motif .at-create{margin-top:0}.at-create-title{font-family:var(--head);font-size:15px;font-weight:var(--head-weight,700);margin:0}.at-create-grid{gap:12px;min-width:0;display:grid}@container (min-width:560px){.at-create-grid{grid-template-columns:minmax(0,1fr) 150px;align-items:start}.at-create-preview{position:sticky;top:16px}}.at-create-fields{gap:10px;min-width:0;display:grid}.at-create-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.at-field textarea,.at-field select{width:100%;min-height:var(--at-h);border:1px solid var(--at-field-line);border-radius:var(--at-r-btn);background:var(--at-field-bg);color:var(--at-field-ink);font:inherit;padding:6px 10px;font-size:15px}.at-field textarea{resize:vertical;line-height:1.35}.at-field input[type=range]{width:100%;min-height:32px;accent-color:var(--at-focus);background:0 0;border:0;padding:0}.at-create-preview{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--at-r-btn);background-color:var(--at-check-a);background-image:conic-gradient(var(--at-check-b) 25%, transparent 0 50%, var(--at-check-b) 0 75%, transparent 0);background-size:12px 12px;place-items:center;min-height:120px;padding:8px;display:grid}@container (max-width:559px){.at-create-preview{aspect-ratio:auto;height:120px}}.at-create-preview img{object-fit:contain;max-width:100%;max-height:100%}.at-create-actions{flex-wrap:wrap;gap:8px;display:flex}.at-colors,.at-seg,.at-backdrops{border:0;min-width:0;margin:0;padding:0}.at-colors legend,.at-seg legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:13px}.at-seg{flex-wrap:wrap;gap:6px;display:flex}.at-seg legend{width:100%}.at-seg label{border:1px solid var(--line);border-radius:var(--at-r-btn);cursor:pointer;align-items:center;min-height:36px;padding:0 12px;font-size:14px;display:inline-flex;position:relative}.at-seg label.at-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);font-weight:600}.at-seg input{opacity:0;pointer-events:none;position:absolute}.at-seg label:has(input:focus-visible){outline:2px solid var(--at-focus);outline-offset:2px}.at-shapes{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;display:grid}.at-shape{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--at-r-btn);background:var(--bg);min-height:40px;color:var(--ink);cursor:pointer;place-items:center;padding:7px;display:grid}.at-shape svg{fill:currentColor;width:100%;height:100%}.at-shape.at-on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.at-emojis{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:4px;display:grid}.at-emoji{border-radius:var(--at-r-btn);cursor:pointer;background:0 0;border:1px solid #0000;min-height:42px;font-size:24px;line-height:1}.at-emoji.at-on{border-color:var(--ink);background:var(--at-surface)}.at-backdrops{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.at-backdrop{border:1px solid var(--line);cursor:pointer;border-radius:4px;width:28px;height:28px;padding:0}@media (pointer:coarse){.at-backdrop{width:34px;height:34px}}.at-backdrop.at-on{outline:2px solid var(--ink);outline-offset:1px}.at-backdrop-check{background-color:var(--at-check-a);background-image:conic-gradient(var(--at-check-b) 25%, transparent 0 50%, var(--at-check-b) 0 75%, transparent 0);background-size:8px 8px}.at-preview-wrap[data-backdrop] .at-sheet svg{background:var(--at-backdrop)}.at-preview-wrap[data-backdrop] .at-film{fill:var(--at-backdrop)}.at-recolor{border:1px solid var(--line);border-radius:var(--at-r-btn);background:var(--bg);gap:8px;padding:12px;display:grid}.at-recolor-title{margin:0;font-weight:600}.at-recolor-grid{gap:14px;display:grid}@container (min-width:560px){.at-recolor-grid{grid-template-columns:248px minmax(0,1fr);align-items:start}}.at-recolor-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.at-pipette{justify-items:start;gap:6px;display:grid}.at-pipette-canvas{border:1px solid var(--line);cursor:crosshair;touch-action:none;background-color:var(--at-check-a);background-image:conic-gradient(var(--at-check-b) 25%, transparent 0 50%, var(--at-check-b) 0 75%, transparent 0);background-size:10px 10px;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:200px;display:block}.at-pipette-note{align-items:center;gap:6px;margin:0;display:inline-flex}.at-colorfield{gap:4px;min-width:0;display:grid}.at-colorfield-label{color:var(--muted);font-size:13px}.at-cp-trigger{min-height:var(--at-h,40px);border:1px solid var(--at-field-line,var(--line));border-radius:var(--at-r-btn,6px);background:var(--at-field-bg,var(--bg));color:var(--ink);font:inherit;cursor:pointer;justify-self:start;align-items:center;gap:8px;max-width:100%;padding:0 10px 0 6px;font-size:14px;display:inline-flex}.at-cp-swatch{border:1px solid #0000002e;border-radius:4px;flex:none;width:26px;height:26px}.at-cp-code{text-transform:uppercase;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.at-cp{z-index:60;box-sizing:border-box;border:1px solid var(--line,#d9d9d6);background:var(--bg,#fff);color:var(--ink,#111);font-family:var(--text,system-ui), system-ui, sans-serif;border-radius:8px;padding:12px;font-size:14px;position:fixed;box-shadow:0 10px 30px #00000029}.at-cp *,.at-cp :before,.at-cp :after{box-sizing:border-box}.at-cp-body{gap:10px;min-width:0;display:grid}.at-cp-presets{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.at-cp-preset{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;min-height:28px;padding:0;display:grid}.at-cp-preset span{border:1px solid #0000002e;border-radius:4px;width:24px;height:24px}.at-cp-preset.at-on span{outline:2px solid var(--ink,#111);outline-offset:2px}@media (pointer:coarse){.at-cp-preset span{width:28px;height:28px}}.at-cp-area{cursor:crosshair;touch-action:none;border:1px solid #0000001a;border-radius:6px;height:140px;position:relative}.at-cp-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:4px;height:14px;position:relative}@media (pointer:coarse){.at-cp-hue{height:22px}}.at-cp-knob{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.at-cp-knob-hue{width:20px;height:20px;top:50%}.at-cp-row{align-items:center;gap:8px;display:flex}.at-cp-now{border:1px solid #0000002e;border-radius:4px;flex:none;width:32px;height:32px}.at-cp-now-small{width:18px;height:18px}.at-cp-hex{border:1px solid var(--field-line,var(--line,#ccc));background:var(--field-bg,var(--bg,#fff));width:0;min-width:0;max-width:none;height:36px;color:var(--field-ink,var(--ink,#111));text-transform:uppercase;border-radius:6px;flex:1 1 0;margin:0;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}@media (pointer:coarse),(max-width:699px){.at-cp-hex{height:44px;font-size:16px}}.at-cp-hex[aria-invalid=true]{border-color:var(--bad,#c62828)}.at-cp-icon{border:1px solid var(--line,#ccc);background:var(--bg,#fff);width:36px;height:36px;color:var(--ink,#111);cursor:pointer;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}@media (pointer:coarse){.at-cp-icon{width:44px;height:44px}}@container (max-width:879px){.at-tool:has(.at-empty-list) .at-sheet svg{height:min(22vh,190px)}.at-tool:has(.at-empty-list) .at-roll{max-height:min(22vh,190px)}}@media (pointer:coarse){.at-linkbtn{min-height:44px}}