/* Consumer layout only. Wingoria's Reader and component tokens remain unchanged. */
.creation #workspace { width:calc(100% - 32px); max-width:none; height:100dvh; padding:16px 0; display:flex; flex-direction:column; box-sizing:border-box; }
.creation .layout { grid-template-columns: minmax(280px,320px) minmax(0,1fr); gap:16px; flex:1; min-height:0; }
.creation .controls { padding:16px; max-height:none; min-height:0; overflow:auto; scrollbar-gutter:stable; }
.creation .controls > label,.creation .grid label { margin-top:10px; gap:6px; font-size:var(--size-4); }
.creation .controls .hint { font-size:var(--size-3); margin:6px 0; }
.creation #prompt { height:110px; min-height:80px; max-height:180px; }
.creation .asset-tabs small { display:none; }
.creation .editor-tools .wg-button,.creation .reference-actions .wg-button { padding:8px 10px; font-size:var(--size-3); }
.style-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.style-summary span { overflow-wrap:anywhere; }
.creation details { margin-top:12px; padding:10px 0; }
.creation .text-budget { border:0; margin-top:4px; padding:0; font-size:var(--size-3); }
.creation .drop { padding:12px; margin-top:14px; }
.creation .drop p { font-size:var(--size-3); }
.creation .grid { gap:8px; grid-template-columns:1fr 1fr; }
.creation .grid label { min-width:0; }
.creation #generate { position:sticky; bottom:0; z-index:2; }
.creation .workspace { padding:0; grid-template-rows:minmax(0,1fr); align-content:stretch; min-height:0; }
.creation .stage { min-height:0; height:100%; box-sizing:border-box; }
.creation .result { min-height:0; box-sizing:border-box; }
.creation .result img { flex:1; min-height:0; width:100%; max-height:100%; object-fit:contain; }
.creation .result-meta { flex:none; }
.style-library { position:fixed; inset:12px; margin:auto; width:calc(100vw - 24px); height:calc(100dvh - 24px); max-width:none; max-height:none; padding:0; background:var(--bg); color:var(--text); border:1px solid var(--border); }
.style-library[open] { display:flex; flex-direction:column; }
.style-library::backdrop { background:color-mix(in srgb,var(--bg-sunk) 85%,transparent); }
.library-toolbar { flex:none; padding:16px 24px; border-bottom:1px solid var(--border); }
.library-toolbar p { margin:6px 0 0; }
.library-scroll { flex:1; min-height:0; overflow:auto; }
.style-library .wg-reader__grid { display:grid; grid-template-columns:240px minmax(0,1fr); }
.style-library .wg-reader__rail { position:sticky; top:0; left:auto; bottom:auto; width:auto; height:calc(100dvh - 150px); box-sizing:border-box; padding:24px 16px; overflow:auto; align-self:start; }
.style-library .wg-reader__main { margin:0; width:auto; max-width:none; padding:24px clamp(20px,4vw,64px); min-width:0; }
.style-library .wg-reader__document { max-width:70rem; }
.style-library .wg-reader__document section { padding-bottom:40px; margin-bottom:24px; border-bottom:1px solid var(--border); }
.style-library .wg-reader__document h2 { scroll-margin-top:20px; }
.style-library textarea { display:block; width:100%; box-sizing:border-box; margin-top:12px; min-height:240px; font-size:var(--size-6); line-height:1.7; resize:vertical; }
.style-library label { color:var(--text-dim); }
.style-library .wg-reader__section-link { display:flex; align-items:center; gap:8px; }
.style-library .style-applied-marker { margin-left:auto; color:var(--accent); font-size:.65em; line-height:1; }
.style-library .style-applied-marker[hidden] { display:none; }
.style-folder-tools { display:flex; margin:0 0 14px; }
.style-folder { border:1px solid transparent; border-radius:8px; margin:0 0 10px; padding:4px; transition:border-color .15s,background .15s; }
.style-folder.is-drop-target { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,transparent); }
.style-folder__header { display:flex; align-items:center; gap:6px; min-height:30px; padding:3px 6px; color:var(--text-dim); }
.style-folder__header strong { flex:1; font-size:var(--size-2); letter-spacing:.08em; text-transform:uppercase; }
.style-folder__action { border:0; background:none; color:var(--text-dim); cursor:pointer; font:inherit; font-size:10px; padding:3px; }
.style-folder__action:hover,.style-folder__action:focus-visible { color:var(--text); }
.style-folder__items:empty::after { content:'Drop styles here'; display:block; padding:8px 6px; color:var(--text-dim); font-size:var(--size-2); }
.style-library .wg-reader__section-link.is-dragging { opacity:.45; }
@media(max-width:900px) {
}
@media(max-width:700px) {
 .creation #workspace { height:auto; min-height:100dvh; width:calc(100% - 24px); }
 .creation .layout { grid-template-columns:1fr; }
 .creation .workspace { grid-row:1; min-height:42dvh; height:42dvh; }
 .creation .controls { overflow:visible; }
 .creation .orb { width:36px; height:36px; margin-bottom:12px; }
 .creation .empty h2 { font-size:22px; }
 .style-library .wg-reader__grid { grid-template-columns:130px minmax(0,1fr); }
 .style-library .wg-reader__rail { padding:12px 8px; height:calc(100dvh - 190px); }
 .style-library .wg-reader__main { padding:16px 12px; }
 .style-library .wg-reader__section-link { font-size:var(--size-3); padding:10px 6px; }
 .library-toolbar { padding:12px; }
 .style-library textarea { min-height:360px; font-size:var(--size-4); }
}