.ds-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}@media (hover:hover) and (pointer:fine){.ds-btn-primary:not(:disabled):hover{filter:brightness(.93)}.ds-btn-ghost:not(:disabled):hover{text-underline-offset:4px;text-decoration:underline}}.ds-upl{border-radius:var(--radius-card);box-sizing:border-box;width:100%;position:relative;overflow:hidden}.ds-upl-empty{background:var(--bg-elevated);border:1.5px dashed color-mix(in srgb, var(--text-primary) 22%, transparent);transition:border-color var(--motion-standard), background-color var(--motion-standard);justify-content:center;align-items:center;display:flex}.ds-upl-empty:before{content:"";aspect-ratio:1;border-radius:var(--radius-pill);background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-primary) 16%, transparent), transparent);pointer-events:none;width:min(420px,90%);position:absolute;top:46%;left:50%;translate:-50% -50%}.ds-upl-empty:hover,.ds-upl-empty.is-drag{border-color:var(--accent-primary)}.ds-upl-empty.is-drag{background:color-mix(in srgb, var(--accent-primary) 8%, var(--bg-elevated))}.ds-upl-label{z-index:1;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-5);text-align:center;cursor:pointer;flex-direction:column;display:flex;position:absolute;inset:0}.ds-upl-label.is-busy{cursor:progress}.ds-upl-input:focus-visible+.ds-upl-label{outline:2px solid var(--text-primary);outline-offset:-6px;border-radius:calc(var(--radius-card) - 4px)}.ds-upl-icon{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent-primary) 16%, var(--bg-card));width:60px;height:60px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.ds-upl-title{font:600 var(--type-headline-size) / var(--type-headline-lh) var(--font-display);color:var(--text-primary);max-width:28ch}.ds-upl-sub{font:400 var(--type-caption-size) / var(--type-caption-lh) var(--font-body);color:var(--text-secondary);margin-top:calc(-1 * var(--space-2))}.ds-upl-cta{align-items:center;gap:var(--space-2);height:var(--secondary-btn-height);padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--accent-primary);color:var(--accent-on);font:var(--type-button-weight) 15px / 1 var(--font-body);margin-top:var(--space-1);transition:filter var(--motion-standard);display:inline-flex}.ds-upl-label:hover .ds-upl-cta{filter:brightness(.93)}.ds-upl-help{z-index:2;border-radius:var(--radius-pill);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.ds-upl-help:hover{color:var(--text-primary);background:var(--bg-card)}.ds-upl-filled{background:var(--bg-card)}.ds-upl-filled img{object-fit:cover;width:100%;height:100%;display:block}.ds-upl-actions{z-index:2;gap:var(--space-2);display:flex;position:absolute;top:12px;right:12px}.ds-upl-chip{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg-base) 62%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:36px;color:var(--text-primary);font:600 var(--type-caption-size) / 1 var(--font-body);cursor:pointer;border:none;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.ds-upl-chip-round{justify-content:center;width:36px;padding:0}.ds-upl-chip:hover{background:color-mix(in srgb, var(--bg-base) 80%, transparent)}.ds-upl-input:focus-visible+.ds-upl-chip,.ds-upl :is(button,label):focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.ds-upl-busy{z-index:3;justify-content:center;align-items:center;gap:var(--space-3);background:color-mix(in srgb, var(--bg-base) 55%, transparent);font:600 var(--type-caption-size) / 1 var(--font-body);color:var(--text-primary);flex-direction:column;display:flex;position:absolute;inset:0}.ds-styles{gap:var(--thumb-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:600px){.ds-styles{grid-template-columns:repeat(3,minmax(0,1fr))}}.ds-style{background:var(--bg-card);border-radius:var(--radius-thumbnail);aspect-ratio:3/4;cursor:pointer;text-align:start;isolation:isolate;width:100%;transition:transform var(--motion-standard);border:none;padding:0;display:block;position:relative;overflow:hidden}.ds-style:active{transform:scale(var(--motion-press-scale))}.ds-style-img{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-reveal), filter var(--motion-standard);display:block;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.ds-style:hover .ds-style-img{transform:scale(1.04)}}.ds-style:after{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--bg-base) 82%, transparent), transparent 52%);pointer-events:none;position:absolute;inset:0}.ds-style-name{z-index:1;font:600 15px/1.2 var(--font-display);color:var(--text-primary);text-wrap:balance;position:absolute;bottom:10px;left:12px;right:12px}.ds-style-ring{z-index:2;border-radius:inherit;transition:box-shadow var(--motion-standard);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #0000}.ds-style[aria-pressed=true] .ds-style-ring{box-shadow:inset 0 0 0 2px var(--border-selected), inset 0 0 24px color-mix(in srgb, var(--accent-primary) 35%, transparent)}.ds-style-check{z-index:3;border-radius:var(--radius-pill);background:var(--accent-primary);width:26px;height:26px;color:var(--accent-on);opacity:0;transition:opacity var(--motion-standard), transform var(--motion-standard);justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px;transform:scale(.8)}.ds-style[aria-pressed=true] .ds-style-check{opacity:1;transform:scale(1)}.ds-style:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.ds-prompt{border-radius:var(--radius-input);border:1px solid var(--border-subtle);background:var(--bg-elevated);padding:var(--space-4) var(--space-4) var(--space-3);transition:border-color var(--motion-standard), box-shadow var(--motion-standard);position:relative}.ds-prompt:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-primary) 16%, transparent)}.ds-prompt textarea{resize:none;width:100%;font:400 var(--type-body-size) / 1.5 var(--font-body);color:var(--text-primary);box-sizing:border-box;background:0 0;border:none;outline:none;padding:0;display:block}.ds-prompt textarea::placeholder{color:var(--text-tertiary)}.ds-prompt-count{text-align:end;font:400 var(--type-caption-size) / var(--type-caption-lh) var(--font-body);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.ds-sheet-scrim{z-index:50;background:var(--bg-overlay);animation:ds-fade var(--motion-standard) both;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ds-sheet{background:var(--bg-elevated);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;max-width:520px;max-height:calc(100dvh - 40px);box-shadow:var(--shadow-sheet);padding:var(--space-5) var(--screen-margin) calc(var(--space-6) + env(safe-area-inset-bottom,0px));box-sizing:border-box;animation:hg-reveal var(--motion-reveal) both;overflow-y:auto}.ds-sheet:focus-visible{outline:none}@media (min-width:768px){.ds-sheet-scrim{padding:var(--space-6);align-items:center}.ds-sheet{border-radius:var(--radius-sheet);padding:var(--space-6)}}.ds-sheet-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.ds-sheet-title{font:700 var(--type-title-size) / var(--type-title-lh) var(--font-display);color:var(--text-primary);flex:1;margin:0}.ds-sheet-close{border-radius:var(--radius-pill);background:var(--bg-card);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.ds-sheet-close:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.ds-sheet-list{margin:0 0 var(--space-5);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.ds-sheet-list li{align-items:flex-start;gap:var(--space-3);font:400 var(--type-body-size) / var(--type-body-lh) var(--font-body);color:var(--text-secondary);display:flex}.ds-sheet-list li:before{content:"";border-radius:var(--radius-pill);background:var(--accent-primary);flex-shrink:0;width:7px;height:7px;margin-top:8px}.ds-sheet-pair{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.ds-sheet-shot{aspect-ratio:4/3;border-radius:var(--radius-thumbnail);background:var(--bg-card);position:relative;overflow:hidden}.ds-sheet-shot img{object-fit:cover;width:100%;height:100%;display:block}.ds-sheet-shot>span{position:absolute;top:8px;left:8px}@keyframes ds-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ds-style,.ds-style-img,.ds-style-check,.ds-style-ring{transition:none}}
