#dream-studio[hidden]{display:none!important}#dream-studio{position:fixed;inset:0;z-index:20;background:#0e111c;color:#eeeadf;--studio-gold:#efc65b;font:14px/1.5 'Noto Sans SC',sans-serif;overflow:hidden}#dream-studio button,#dream-studio select{font:inherit}#dream-studio button:focus-visible,#dream-studio input:focus-visible,#dream-studio select:focus-visible{outline:2px solid #dfb548;outline-offset:3px}#dream-studio button:disabled{opacity:.3;cursor:not-allowed}.studio-top{height:86px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:16px}.studio-wordmark{display:flex;align-items:center;gap:14px;font-size:21px;letter-spacing:2px}.studio-wordmark>span{color:#efc65b;font-size:43px}.studio-wordmark small{display:block;font:9px/1.8 monospace;letter-spacing:2px;color:#9296a5}.studio-top-actions{display:flex;gap:22px;align-items:center}#export-image{background:#efc65b;color:#191923;padding:11px 22px;border-radius:3px}#close-studio{font:32px Georgia!important;color:#c6c3bd}.studio-body{height:calc(100% - 86px);display:grid;grid-template-columns:250px minmax(0,1fr) 225px}.studio-tools,.studio-inspector{overflow-y:auto;padding:26px 22px;scrollbar-width:thin;scrollbar-color:#565263 transparent}.studio-tools{border-right:1px solid #ffffff14}.studio-inspector{border-left:1px solid #ffffff14}.studio-heading small,.studio-inspector>small{font:9px monospace;letter-spacing:2px;color:#b0a688}.studio-heading h2{font:400 32px/1.45 'Noto Serif SC',serif;margin:15px 0}.studio-heading h2 span{color:#efc65b}.studio-heading p{color:#999da9;font-size:12px;line-height:1.9;margin:0 0 28px}.studio-tools h3{font-size:12px;font-weight:400;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.studio-tools h3 span{font-size:18px;color:#efc65b}.element-shelf{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.element-shelf button{padding:12px 4px 9px;border:1px solid #ffffff17;border-radius:5px;background:#ffffff03;transition:background .2s,transform .2s}.element-shelf button:hover{background:#ffffff0a;transform:translateY(-2px)}.element-shelf span{display:block;color:var(--chip);font:37px/1.15 Georgia;text-shadow:0 2px 15px #ffffff1b}.element-shelf b{font-size:10px;font-weight:400;color:#c7c6c7;display:block;margin-top:8px}.studio-divider{height:1px;background:#ffffff14;margin:22px 0}.studio-label{display:block;font-size:11px;color:#b5b4bd;margin-bottom:10px}#dream-studio select{width:100%;background:#1b1d2a;color:#dedcd5;border:1px solid #ffffff20;border-radius:3px;padding:9px 8px;font-size:11px;min-height:36px}.studio-wide{width:100%;text-align:left;font-size:12px!important;margin-top:12px;padding:10px 0;color:#efc65b}.studio-file-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 10px}.studio-file-actions button{font-size:10px!important;color:#b9b6ad;border-bottom:1px solid #b9b6ad44;padding-bottom:3px}#save-state{display:block;color:#777c8b;font-size:9px}.studio-stage{position:relative;min-width:0;overflow:hidden}#studio-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.stage-kicker{position:absolute;top:26px;left:26px;right:26px;pointer-events:none;font:9px/1.8 monospace;letter-spacing:2px;color:#c0b298;display:flex;justify-content:space-between;gap:10px}.studio-modebar{position:absolute;top:58px;left:26px;display:flex;gap:3px;background:#101322b0;border:1px solid #ffffff20;border-radius:30px;padding:4px;backdrop-filter:blur(16px)}.studio-modebar button{font-size:10px!important;color:#b6b7c2;padding:7px 13px;border-radius:30px}.studio-modebar button[aria-pressed=true]{background:#efc65b;color:#202029}.stage-bottom{position:absolute;bottom:24px;left:24px;right:24px;display:flex;flex-direction:column;gap:14px;align-items:center;pointer-events:none}.stage-bottom>span{font-size:10px;color:#aca9ad;padding:5px 10px;background:#10132299;border-radius:20px}.stage-bottom>div{display:flex;gap:5px;pointer-events:auto;flex-wrap:wrap;justify-content:center}.stage-bottom button{font-size:10px!important;background:#111525bd;border:1px solid #ffffff20;border-radius:4px;color:#e0ddd1;padding:7px 10px;backdrop-filter:blur(15px)}#studio-status{position:absolute;bottom:122px;left:15%;right:15%;text-align:center;font-size:11px;color:#fff0bd;pointer-events:none;text-shadow:0 1px 4px #000}#studio-error{position:absolute;inset:30% 10%;background:#1b1d2a;color:#f3e8c8;padding:35px}.studio-inspector h3{font:22px 'Noto Serif SC',serif;margin:18px 0}.studio-inspector label{font-size:11px;color:#9ca1ae;display:flex;justify-content:space-between;margin:20px 0 8px}.studio-inspector output{font-family:monospace;color:#efc65b}.studio-inspector input[type=range]{width:100%;accent-color:#efc65b}.studio-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:12px 0}.studio-swatches button{width:21px;height:21px;border:2px solid transparent;border-radius:50%}.studio-swatches button[aria-pressed=true]{outline:1px solid #efc65b;outline-offset:3px}.nudge{text-align:center}.nudge button{padding:6px 12px;background:#ffffff08;border:1px solid #ffffff12;margin:3px;border-radius:3px}.object-actions{display:flex;justify-content:space-between;margin-top:24px}.object-actions button{font-size:11px!important;border:1px solid #ffffff22;border-radius:3px;padding:8px 13px}.object-actions button:last-child{color:#e5a7aa}.studio-disclaimer{font-size:10px;line-height:1.9;color:#757c8f;margin-top:28px}#clear-art{font-size:11px!important;color:#aaa09c;border-bottom:1px solid #aaa09c44;padding-bottom:4px}.studio-stage[data-theme=rose]{color:#392a26}#dream-studio[data-theme=rose] .stage-kicker,#dream-studio[data-theme=mint] .stage-kicker{color:#60514a}#dream-studio[data-theme=rose] #studio-status,#dream-studio[data-theme=mint] #studio-status{color:#42362c;text-shadow:0 1px 5px #ffffff88}
#studio-button{color:#efc65b;border:1px solid #efc65b55;padding:8px 13px;border-radius:30px;white-space:nowrap}.studio-entry{border:1px solid #edc45250;background:linear-gradient(130deg,#2b261e,#101526);display:flex;gap:20px;align-items:center;padding:22px;margin:22px 0;color:#f0db9b;width:100%;text-align:left}.studio-entry>span{font:48px Georgia}.studio-entry strong{font-size:17px;font-weight:400;display:block;margin-bottom:5px}.studio-entry small{font-size:12px;color:#afa99a;line-height:1.6}.studio-entry>b{margin-left:auto;font-size:23px;font-weight:400}
.art-card{display:block;padding:0;overflow:hidden;border-radius:5px;background:#0f131d}.art-image{position:relative;margin:0;background:#171d29;aspect-ratio:1.4;overflow:hidden}.art-card .art-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:0;transition:transform .4s}.art-image:hover img{transform:scale(1.035)}.art-card .art-image>a{display:block;width:100%;height:100%;border:0}.image-badge{position:absolute;left:10px;top:10px;border:1px solid #ffffff22;background:#080b14bf;padding:4px 7px;color:#eee1c9;font-size:10px;backdrop-filter:blur(10px)}.art-image figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#080a10e8);padding:30px 12px 10px;font-size:10px;color:#ded4c2;line-height:1.5;pointer-events:none}.art-card .art-info{padding:19px}.art-card .art-info small{font-size:11px}.art-card .art-info p{margin:7px 0}.art-card .art-info>a{display:inline-block;margin-top:8px}.image-filter{display:flex;align-items:center;gap:8px;color:#b8b7bd;font-size:12px;margin-bottom:16px}.image-filter input{accent-color:#f4ca4c}.archive-page-tools{display:flex;align-items:center;justify-content:center;gap:18px;margin:25px 0}.archive-page-tools button{border:1px solid #ffffff30;padding:9px 20px;border-radius:3px}.archive-page-tools button:disabled{opacity:.3;cursor:not-allowed}.archive-page-tools span{font:12px monospace;color:#aaa}.art-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1150px){.studio-body{grid-template-columns:210px minmax(0,1fr) 190px}.studio-tools,.studio-inspector{padding:20px 16px}.studio-heading h2{font-size:28px}.stage-bottom button{padding:7px 8px}.studio-swatches{grid-template-columns:repeat(3,1fr);gap:10px}.art-list{grid-template-columns:repeat(2,minmax(0,1fr))}header nav{gap:20px}}
@media(max-width:800px){.studio-top{height:70px;padding:0 16px}.studio-wordmark{font-size:17px}.studio-wordmark small{font-size:7px;letter-spacing:1px}.studio-wordmark>span{font-size:34px}.studio-top-actions{gap:15px}#export-image{padding:8px 12px;font-size:11px!important}.studio-body{height:calc(100% - 70px);grid-template-columns:180px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 150px}.studio-inspector{grid-column:1/3;grid-row:2;border-top:1px solid #ffffff16;border-left:0;padding:12px 18px;display:flex;gap:18px;align-items:flex-start;overflow-x:auto}.studio-inspector>small,.studio-disclaimer,#clear-art{display:none}.studio-inspector h3{font:15px 'Noto Serif SC';min-width:70px;margin-top:10px}.studio-inspector>select{max-width:130px;min-width:130px;margin-top:8px}#object-controls{display:flex;gap:15px;align-items:center}#object-controls[hidden]{display:none}#object-controls>label{min-width:80px;display:block;margin:10px 0}#object-controls>input{min-width:85px;max-width:85px}#object-controls output{display:block;margin-top:10px}.studio-swatches{min-width:78px}.nudge{min-width:95px}.nudge button{padding:3px 7px;margin:2px}.object-actions{min-width:130px;margin-top:15px;gap:8px}.stage-kicker{left:14px;right:14px;top:15px;font-size:7px;letter-spacing:1px}.studio-modebar{left:14px;top:43px}.studio-modebar button{padding:7px 9px}.stage-bottom{left:10px;right:10px;bottom:12px;gap:8px}.stage-bottom>span{font-size:8px}#studio-status{bottom:110px;left:8%;right:8%;font-size:10px}.studio-tools{padding:18px 14px}.studio-heading p{display:none}.studio-heading h2{font-size:25px;margin:12px 0 20px}header nav{gap:12px}.brand{font-size:12px}.brand small{font-size:10px}.brand-symbol{font-size:42px}}
@media(max-width:600px){.studio-body{display:flex;flex-direction:column;overflow-y:auto;height:calc(100% - 65px)}.studio-top{height:65px}.studio-wordmark{font-size:15px;letter-spacing:1px}.studio-wordmark small{font-size:6px;letter-spacing:.7px}.studio-top-actions{gap:11px}.studio-stage{order:0;height:54svh;min-height:330px;flex-shrink:0}.studio-tools{order:1;overflow:visible;border-right:0;padding:18px}.studio-heading{display:none}.element-shelf{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.element-shelf button{padding:8px 1px}.element-shelf span{font-size:27px}.element-shelf b{font-size:8px;margin-top:6px}.studio-inspector{order:2;overflow:visible;display:block;padding:18px;border-top:1px solid #ffffff16}.studio-inspector h3{font-size:20px;margin:0 0 12px}.studio-inspector>select{max-width:100%;width:100%}#object-controls{display:grid;grid-template-columns:1fr 2fr;gap:10px 20px;margin-top:10px}#object-controls>input{min-width:0;max-width:none;width:100%}#object-controls>label{display:flex;gap:10px}#object-controls output{margin:0}.studio-swatches{grid-template-columns:repeat(6,1fr);min-width:0}.nudge{text-align:left}.object-actions{grid-column:1/3;justify-content:flex-start}.studio-disclaimer{display:block;margin-top:18px}#clear-art{display:block}.studio-divider{margin:15px 0}.studio-file-actions{margin:12px 0}.studio-tools .studio-label,.studio-tools select,.studio-wide{max-width:100%}.stage-bottom{bottom:10px}.stage-bottom>span{font-size:8px}.stage-bottom button{font-size:9px!important;padding:7px 9px}#studio-status{bottom:97px}.stage-kicker{font-size:7px}.studio-modebar{top:43px}.art-list{grid-template-columns:1fr}.art-card .art-image img{width:100%;height:100%}.art-card .art-info{padding:16px}.art-card h3{font-size:17px}.studio-entry{padding:18px;gap:12px}.studio-entry strong{font-size:15px}.studio-entry small{font-size:11px}header{padding:20px 5%;align-items:flex-start}.brand-symbol{font-size:35px}.brand{gap:8px;font-size:10px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:1px;margin-top:4px}header nav{gap:10px;flex-wrap:wrap;max-width:185px;justify-content:flex-end}header nav button{font-size:10px}#studio-button{padding:5px 9px;order:3}header nav .icon-button{width:25px;height:25px}#studio-button span{display:none}.archive-tools input{min-width:0}.archive-tools select{max-width:48%}}
@media(prefers-reduced-motion:reduce){.element-shelf button,.art-card .art-image img{transition:none}}