/* Editor chrome only: client preview remains independently styled inside its iframe. */
:root{--paper:#191a1c;--ink:#eeeae4;--copper:#d3af91;--line:#ffffff25;--muted:#b9b6af;color-scheme:dark;background:#191a1c}
.graphite-studio{background:#191a1c;color:#eeeae4}
.graphite-studio .studio-header{background:#131416;border-color:#ffffff20}.studio-header .avyro-brand-crop img{filter:brightness(0) invert(1)}
.graphite-studio .studio-intro{background:radial-gradient(ellipse at 80% 0,#9c7c5520,transparent 65%),#202123}
.graphite-studio :is(.workspace,.editor,.editor-top,.editor-tabs,.panel,.editor-bottom,.preview-toolbar,.preview-bottom,.studio-footer){background:#232426;color:#e1ded8;border-color:#ffffff20}
.graphite-studio .preview-desk,.graphite-studio .preview-area{background:#141517}
.graphite-studio :is(input,textarea,select){background:#151618;color:#eeeae4;border-color:#ffffff30;color-scheme:dark}
.graphite-studio :is(.editor-tabs button,.helper,.note,.preview-bottom,.studio-footer,.editor label){color:#bdb9b2}
.graphite-studio :is(.editor-tabs button[aria-current=true],.device-switch button[aria-pressed=true],.page-switch button[aria-selected=true]){color:#f1c9a8;background:#3a332d;border-color:#c79d7b}
.graphite-studio :is(.upload-box,.image-slot,.project-files,.media-drop,.request-features,.choice-grid button,.art-directions button,.templates button){background:#2c2d30;color:#ded9d1;border-color:#ffffff25}
.graphite-studio .primary{background:linear-gradient(115deg,#b58b69,#dfbd9d)!important;color:#201b17!important;border-color:#b89474}.graphite-studio .secondary{color:#d2b396;border-color:#ffffff30}
.graphite-studio dialog{background:#222325;color:#ede9e2;border-color:#ffffff30}.graphite-studio dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
.graphite-studio .panel input:not([type=checkbox]):not([type=color]),.graphite-studio .panel textarea,.graphite-studio .panel select{background:#151618;color:#ede9e2;border-color:#ffffff30}
.graphite-studio :is(.note,#design-summary){background:#303134;color:#d9d4cc}.graphite-studio :is(.panel small,.panel output,dialog p,dialog small,.studio-footer p,#export-status){color:#bbb5ac}.graphite-studio .studio-footer a{color:#d9b496}
.graphite-studio .choice-grid button[aria-pressed=true],.graphite-studio .art-directions button[aria-pressed=true]{background:#574638;color:#ffe1c3;border-color:#d3a980}
.collection-start{padding:20px 14px;background:linear-gradient(135deg,#3d3630,#232426);border:1px solid #c7a07a55;border-radius:8px;margin-bottom:28px}.collection-start h3{font-family:'Instrument Serif',Georgia,serif;font-size:29px;font-weight:400;margin:14px 0}.collection-start p{font-size:11px;line-height:1.8;color:#c1b9ae}.collection-start .primary,.collection-start .secondary{width:100%;margin-top:10px}.stock-gallery{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.stock-gallery button{padding:0;text-align:left;background:#17181a;border:1px solid #ffffff25;border-radius:5px;overflow:hidden}.stock-gallery img{display:block;width:100%;height:85px;object-fit:cover;transition:transform .3s}.stock-gallery button:hover img{transform:scale(1.04)}.stock-gallery span{display:block;padding:9px;font-size:10px;line-height:1.5}.stock-gallery button[aria-pressed=true]{outline:2px solid #d4aa86;outline-offset:2px}.project-image-current{display:block;width:100%;height:135px;object-fit:cover;border-radius:5px;margin:15px 0}.preview-notice{padding:12px 20px;background:#53412e;color:#ffe2bf;font-size:11px;line-height:1.6}.preview-notice[hidden]{display:none}.preview-notice button{border-bottom:1px solid currentColor;margin-left:15px;font-weight:600}.media-search{position:sticky;top:-37px;z-index:3;background:#222325;padding:18px 0 12px;border-bottom:1px solid #ffffff22}.media-search label{display:block;font-size:11px;color:#c8c1b8;margin-bottom:8px}.media-search input{width:100%;padding:13px;border:1px solid #ffffff30;border-radius:5px;font:inherit;font-size:13px}.media-filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.media-filters button{font-size:10px;padding:9px 12px;border:1px solid #ffffff25;border-radius:30px}.media-filters button[aria-pressed=true]{background:#d3ab88;color:#201c19;border-color:#d3ab88}#media-count{font-size:10px;margin:10px 0 0;color:#c7bdb0}#media-picker button{background:#191a1c;border-color:#ffffff25;transition:border-color .2s,transform .2s}#media-picker button:hover{border-color:#d9b08d;transform:translateY(-3px)}#media-picker button[aria-pressed=true]{outline:2px solid #d9b08d;outline-offset:2px}#media-picker small{padding:0 10px 12px;display:block;color:#c0a58c;font-size:9px}.media-empty{grid-column:1/-1;padding:25px;border:1px dashed #ffffff30;border-radius:5px}.graphite-studio :is(.composition-editor,.media-tile,.empty-library){background:#303134;color:#d8d2c9;border-color:#ffffff25}.graphite-studio .media-drop input{background:#191a1c!important}.graphite-studio .media-drop span{color:#b9b2a8}.graphite-studio .block-row>button[aria-pressed=true]{background:#544331}.graphite-studio .block-row>button>span{color:#d6af8b}
@media(max-width:760px){.media-search{top:-25px}.stock-gallery{grid-template-columns:repeat(3,1fr)}.stock-gallery img{height:105px}.collection-start{padding:20px}.media-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.media-filters button{flex-shrink:0}.preview-notice{font-size:10px}.project-image-current{height:180px}}
@media(max-width:420px){.stock-gallery{grid-template-columns:1fr 1fr}.stock-gallery img{height:100px}}
@media(prefers-reduced-motion:reduce){.stock-gallery img,#media-picker button{transition:none}.stock-gallery button:hover img,#media-picker button:hover{transform:none}}