:root{--side:234px;--wb:#e3e7dd}body{min-width:1180px;background:#f6f7f3}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:#fcfcf9;border-right:1px solid var(--wb);z-index:20;display:flex;flex-direction:column;padding:28px 18px 16px;overflow:auto}.sidebar .brand{padding:0 8px;gap:9px;align-items:center;font-size:17px;letter-spacing:-.8px;white-space:nowrap}.sidebar .brand .mark{width:32px;height:34px;border-radius:9px}.sidebar .brand small{display:block;font-size:8px;letter-spacing:1.15px;font-weight:500;color:#979e91;line-height:1.7;margin-top:3px}.sidebar-label{font-size:9px;letter-spacing:1.5px;color:#a2aa99;margin:37px 14px 13px;font-weight:700}.second-label{margin-top:29px}.workspace-nav{display:flex;flex-direction:column;gap:7px}.workspace-nav a{min-height:45px;padding:11px 12px;border-radius:7px;display:flex;align-items:center;gap:11px;color:#7c8475;font-size:12px;font-weight:600;white-space:nowrap}.workspace-nav a:hover{background:#f0f3e9;color:var(--green)}.workspace-nav a[aria-current=page]{background:#e9eedf;color:var(--green);font-weight:800}.nav-icon{font-size:18px;width:19px;text-align:center;line-height:1.2;font-weight:400;color:#8a967c}.workspace-nav a[aria-current=page] .nav-icon{color:#406443}.new-tag{margin-left:auto;font-size:7px;letter-spacing:.7px;background:#d5e4c0;padding:2px 4px;border-radius:3px;color:#5d7b47}.planned{font-size:9px;margin-left:auto;font-weight:400;color:#a8ae9e}.sidebar-bottom{margin-top:auto;padding-top:28px}.credit-card{border:1px solid #e2e8d8;border-radius:8px;padding:15px;background:#f5f7ef}.credit-card>span{font-size:10px;color:#78866d}.credit-card strong{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:7px 0;font-weight:700;color:#526547}.credit-card strong span{font-size:17px;color:#8da174}.credit-card p{margin:0;font-size:9px;color:#a0a995}.sidebar-login{display:flex;width:100%;align-items:center;gap:10px;text-align:left;border:0;background:transparent;padding:18px 5px 0;color:#64705a;font-size:10px;font-weight:700}.sidebar-login>span:last-child{margin-left:auto;color:#93a483}.sidebar-login small{display:block;font-size:9px;color:#9aa48f;font-weight:400}.user-avatar{width:31px;height:31px;background:#e9eddf;border-radius:50%;display:grid;place-items:center;font-size:19px}.app-main{margin-left:var(--side);min-height:calc(100vh - 60px)}.topbar{height:72px;border-bottom:1px solid var(--wb);background:#fbfcf8;display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:25px}.topbar>div{display:flex;align-items:center}.breadcrumb{font-size:9px;letter-spacing:1.7px;color:#9aa38e}.breadcrumb-sep{color:#c7cfbd;font-size:12px;margin:0 13px}.topbar strong{font-size:12px;font-weight:600}.topbar-right{gap:22px}.preview-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#8a967c}.login-top{border:1px solid #d6dec9;background:#fff;border-radius:5px;padding:8px 13px;color:#5a6d4c;font-size:10px;font-weight:600}.login-top span{margin-left:12px}.workspace-wrap{padding:30px 35px 0;max-width:1540px;margin:auto}.studio-banner{position:relative;display:flex;justify-content:space-between;overflow:hidden;min-height:222px;border:1px solid #dee6d2;border-radius:10px;background:linear-gradient(110deg,#eef1e5,#e5ebd8 60%,#d7e3c5);padding:27px 35px;isolation:isolate}.banner-copy{position:relative;z-index:2}.banner-eyebrow{font-size:8px;font-weight:700;letter-spacing:2px;color:#889b70}.studio-banner h1{font-size:31px;font-weight:600;line-height:1.32;letter-spacing:-1.4px;margin:11px 0 10px;color:#3b5030}.studio-banner p{font-size:11px;line-height:1.8;color:#879474;margin:0}.banner-link{display:inline-block;font-size:10px;color:#698453;margin-top:13px;border-bottom:1px solid #b4c59d}.banner-art{position:absolute;right:65px;top:0;bottom:0;width:370px;z-index:1}.art-orbit{position:absolute;left:10px;top:50px;width:350px;height:150px;border:1px solid #bccca588;border-radius:50%;transform:rotate(-19deg)}.art-frame{position:absolute;width:143px;height:177px;border-radius:8px;box-shadow:0 15px 20px -14px #61774977;border:5px solid #fff;overflow:hidden}.art-frame>span{font-size:7px;letter-spacing:1px;color:#9da58e;position:absolute;top:9px;left:8px}.art-frame-back{left:43px;top:33px;transform:rotate(-13deg);background:#e9e7dc}.art-frame-front{left:174px;top:27px;transform:rotate(10deg);background:linear-gradient(120deg,#e5e9d5,#cad6b4)}.mini-bottle{position:absolute;width:47px;height:83px;background:linear-gradient(90deg,#c7c8a8,#f5f2da 45%,#c5c6a1);border-radius:8px 8px 5px 5px;top:56px;left:43px;box-shadow:9px 11px 10px -8px #5d704980}.mini-bottle:before{content:'';position:absolute;top:-18px;left:9px;width:29px;height:20px;border-radius:3px;background:#6d7d5a}.mini-bottle:after{content:'STUDIO';font:7px Georgia;color:#7e896b;display:grid;place-items:center;position:absolute;top:32px;width:100%;height:29px;background:#f5f5e7}.art-leaf{position:absolute;width:58px;height:23px;background:#9aac80;border-radius:90% 0 90% 0;transform:rotate(-33deg);bottom:17px;right:-9px}.floating-chip{font-size:7px;letter-spacing:1px;color:#729156;position:absolute;right:-15px;bottom:21px;background:#ffffffb0;border:1px solid #fff;padding:7px 12px;border-radius:5px;transform:rotate(-5deg)}.banner-note{position:absolute;bottom:9px;right:14px;font-size:8px;color:#8da075}.workspace-title{display:flex;justify-content:space-between;align-items:center;margin:29px 0 21px;gap:20px}.workspace-title .eyebrow{font-size:8px;letter-spacing:1.5px;color:#96a382}.workspace-title h2{font-size:25px;letter-spacing:-1px;margin:3px 0 2px}.workspace-title p{font-size:11px;color:#939c89;margin:0}.engine-status{font-size:9px;color:#8a977a;display:flex;align-items:center;gap:6px;white-space:nowrap;background:#eef2e6;border:1px solid #e3e9d8;padding:7px 10px;border-radius:5px}.creation-grid{display:grid;grid-template-columns:minmax(510px,1.2fr) minmax(330px,1fr);gap:22px;align-items:start}.creation-panel,.result-panel{background:#fff;border:1px solid var(--wb);border-radius:9px;padding:25px 26px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #eff1ea;margin-bottom:20px}.panel-title h3{font-size:14px;letter-spacing:-.3px;margin:0}.panel-title>span{font-size:8px;letter-spacing:1.2px;color:#a3ab99}.field-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.field-head label{font-size:11px;margin:0;font-weight:600;color:#5f6a54}.field-head>span{font-size:9px;color:#a2aa98}.field-head.spaced{margin-top:24px}.upload-zone{border:1.5px dashed #cdd8be;border-radius:7px;position:relative;background:#fafbf6;transition:background .15s,border-color .15s}.upload-zone.dragging{background:#e9f1dc;border-color:#6b9252}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0;left:50%;top:50%}.upload-zone:focus-within{outline:2px solid #577c3f;outline-offset:3px}.upload-trigger{cursor:pointer;margin:0;display:flex;flex-direction:column;align-items:center;padding:24px 8px 22px;gap:5px}.upload-icon{display:grid;place-items:center;border:1px solid #d6dfc9;background:#f3f6e9;width:34px;height:34px;border-radius:7px;font-size:24px;color:#8da279;margin-bottom:4px}.upload-trigger strong{font-size:12px;font-weight:600;color:#647454}.upload-trigger>span:not(.upload-icon){font-size:10px;color:#9ca78e}.upload-trigger small{font-size:8px;color:#adb59f;margin-top:3px}.file-error{font-size:10px;color:#a85340;margin:8px 0 0}.file-error:empty{display:none}.local-note{font-size:9px;color:#a3ac97;margin:9px 0 0}.upload-previews{display:flex;flex-wrap:wrap;gap:8px}.upload-previews:not(:empty){margin-top:13px}.upload-item{width:64px;height:64px;position:relative;border:1px solid #dce3d0;border-radius:5px;background:#f7f8f3}.upload-item.selected{outline:2px solid #819a63;outline-offset:1px}.upload-item .thumb{border:0;padding:0;background:transparent;width:100%;height:100%;border-radius:4px;overflow:hidden;display:block}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.remove-upload{position:absolute;right:-5px;top:-6px;border:1px solid #d9dfd0;background:#fff;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;padding:0;line-height:1;color:#79876a;font-size:12px}.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mode{border:1px solid #e0e6d7;background:#fff;padding:11px 4px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:5px;font-size:10px;color:#929e84;white-space:nowrap}.mode>span{font-size:15px}.mode.active{background:#f1f5e8;border-color:#aabf8f;color:#587341;font-weight:600}.creation-panel textarea{margin:0;min-height:97px;max-height:280px;background:#fcfcf9;border-color:#e0e6d7;border-radius:5px;font-size:11px;color:#637351;line-height:1.8;padding:12px 13px}.creation-panel textarea::placeholder{color:#b0b7a5}.prompt-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.prompt-chips button{font-size:8px;color:#8b9c76;background:#f7f9f1;border:1px solid #e7ecde;border-radius:4px;padding:4px 7px}.prompt-chips button:hover{border-color:#a4b98b;background:#edf3e1}.options-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:23px}.options-row label{font-size:10px;font-weight:600;color:#7b8b67;margin-bottom:7px}.options-row select{font-size:10px;border-color:#e0e6d7;background:#fcfcf9;padding:10px;margin-bottom:20px;color:#7b896a}.engine-options{display:flex;flex-direction:column;gap:7px}.engine-choice{display:flex;width:100%;align-items:center;text-align:left;gap:9px;padding:10px 12px;background:#fff;border:1px solid #e6eadf;border-radius:5px;color:#7e8c6c}.engine-choice strong{display:block;font-size:10px;font-weight:600}.engine-choice small{display:block;font-size:8px;color:#a4ae98;line-height:1.7}.engine-choice.selected{border-color:#aabc93;background:#f9fbf4}.radio-dot{width:12px;height:12px;border:1px solid #c4d0b5;border-radius:50%;display:inline-block;flex-shrink:0}.selected .radio-dot{border:4px solid #8da774;background:#fff}.engine-tag{margin-left:auto;font-size:8px;color:#a1ad93;background:#f0f4e9;padding:3px 5px;border-radius:3px}.generate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:#49683c;color:#fff;border:0;border-radius:6px;padding:13px 16px;margin-top:21px;font-size:12px;font-weight:600;position:relative}.generate-btn:hover{background:#35572b}.generate-arrow{position:absolute;right:16px;font-weight:400}.generation-note{text-align:center;font-size:8px;color:#a8b19b;margin:8px 0 0;line-height:1.8}.workspace-message{font-size:11px;line-height:1.8;background:#f0f4e7;border:1px solid #dae4cc;border-radius:5px;padding:11px 13px;margin-top:13px;color:#72865b}.result-panel{position:sticky;top:20px}.result-toolbar{font-size:9px;color:#a2ad94;display:flex;justify-content:space-between;margin-bottom:10px}.result-toolbar>span:first-child{font-size:10px;font-weight:600;color:#7b8a69}.result-stage{aspect-ratio:1/1;max-height:580px;background-color:#f8f9f5;background-image:linear-gradient(45deg,#f1f3ec 25%,transparent 25%),linear-gradient(-45deg,#f1f3ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f3ec 75%),linear-gradient(-45deg,transparent 75%,#f1f3ec 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid #edf0e6;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.result-stage>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.empty-result{text-align:center;color:#a7b29b}.empty-graphic{height:79px;width:90px;margin:0 auto 15px;position:relative;display:grid;place-items:center}.empty-graphic:before{content:'';position:absolute;width:55px;height:66px;border:1px solid #c9d5bc;border-radius:6px;transform:rotate(-13deg);background:#f3f6ed;left:7px;top:3px}.empty-graphic i{position:absolute;width:55px;height:66px;border:1px solid #bcccab;border-radius:6px;transform:rotate(10deg);background:#eaf0df;right:7px;bottom:2px}.empty-graphic>span{position:relative;z-index:2;color:#9bb283;font-size:29px}.empty-result h4{font-size:13px;color:#8b9c78;font-weight:500;margin:0 0 8px}.empty-result p{font-size:10px;line-height:1.9;margin:0}.empty-tag{display:inline-block;font-size:8px;border:1px solid #dfe6d5;padding:4px 7px;border-radius:4px;margin-top:16px;background:#fafbf6}.preview-meta{display:flex;justify-content:space-between;gap:10px;min-height:31px;align-items:center;font-size:9px;color:#a2ac96}.preview-meta>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:70%}.source-only{font-size:8px;white-space:nowrap;color:#7f9468}.preview-guide{display:flex;align-items:start;gap:8px;border-top:1px solid #eff2e9;padding:15px 0;margin-top:4px;color:#a8b49b}.preview-guide>span{font-size:12px}.preview-guide p{font-size:9px;line-height:1.9;margin:0}.next-tool{background:#f1f4e9;border:1px solid #e6ebdd;padding:18px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.next-tool small{font-size:7px;letter-spacing:1px;color:#a1b18c;display:block}.next-tool strong{font-size:12px;font-weight:500;display:block;margin:5px 0 3px;color:#7a8e62}.next-tool p{font-size:8px;color:#a0af8d;margin:0}.next-tool>a{font-size:20px;color:#8ca573;margin-left:12px}.workspace-bottom{display:flex;justify-content:space-between;font-size:8px;color:#a9b49b;margin:19px 1px 10px}.workspace-bottom>span:first-child{display:flex;align-items:center;gap:6px}.workspace-bottom .dot{height:4px;width:4px}.workspace-footer{margin:35px 0 0 var(--side);border-top:1px solid var(--wb);padding:20px 35px;display:flex;justify-content:space-between;color:#a2ad95;font-size:9px}.workspace-footer>div{display:flex;gap:19px;align-items:center}.workspace-footer .legal{font-size:9px;color:#a2ad95}.app-main .wrap{max-width:1250px;padding:0 35px}.app-main .page-heading{padding-top:45px}.app-main .page-heading h1{font-size:39px}.app-main .page-heading p{font-size:13px}.app-main .hero{grid-template-columns:1fr 1fr;padding-top:45px;gap:35px}.app-main .hero h1{font-size:43px}.app-main .hero .scene{height:330px}.app-main .steps{grid-template-columns:repeat(3,1fr)}.app-main .feature-pair,.app-main .support-layout{grid-template-columns:1fr 1fr}.app-main .grid3{grid-template-columns:repeat(3,1fr)}.app-main .section{padding:55px 0}.planned-workspace{background:#fff;border:1px solid var(--wb);padding:65px 25px 70px;text-align:center;border-radius:10px}.large-icon{font-size:45px;color:#a1b88c}.planned-workspace h2{font-size:24px;margin:15px 0}.planned-workspace p{font-size:13px;color:#9aa68d;line-height:2;margin-bottom:25px}.login-dialog{width:426px;max-width:calc(100vw - 40px);padding:35px 35px 28px;text-align:center;border-radius:13px;border-color:#dfe5d7}.login-dialog>.close{position:absolute;right:15px;top:9px;color:#a6b097}.login-mark{width:43px;height:43px;background:#43613a;color:#fff;font-size:29px;font-weight:600;border-radius:12px;margin:1px auto 21px;display:grid;place-items:center}.login-dialog .eyebrow{font-size:8px;color:#9bad88;letter-spacing:1.6px}.login-dialog h2{font-size:25px;letter-spacing:-1px;margin:12px 0 13px}.login-dialog .login-description{font-size:11px;color:#9daa8c;margin:0 0 26px}.social-buttons{display:flex;flex-direction:column;gap:9px}.social{position:relative;width:100%;min-height:47px;border-radius:6px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:600}.social-icon{position:absolute;left:18px;font-size:19px;font-weight:800;line-height:1}.naver{background:#03c75a;color:#fff}.naver:hover{background:#00b650}.kakao{background:#fee500;color:#191919}.kakao:hover{background:#f0d900}.kakao-symbol{font-size:25px;transform:scaleX(1.15)}.kakao-symbol:after{content:'';position:absolute;left:1px;bottom:-2px;border-top:6px solid #191919;border-right:5px solid transparent;transform:rotate(8deg)}.google{background:#fff;border-color:#dce2d4;color:#52604b}.google:hover{background:#f5f7f1}.google-symbol{font-family:Arial,sans-serif;color:#4285f4;font-size:21px}.login-readiness{display:flex;justify-content:center;align-items:center;gap:5px;color:#94a57e;font-size:9px;margin:22px 0 5px}.login-dialog .login-status{font-size:10px;color:#a0ac91;line-height:1.9;margin:0;min-height:57px}.preview-badge{flex-wrap:wrap;max-width:min(46vw,320px)}#connection-badge-text,#login-readiness-text{display:inline}#connection-badge[data-connection="failed"] .dot,#connection-badge[data-connection="service"] .dot{background:#8a967c}.login-legal{display:flex;justify-content:center;gap:12px;align-items:center;border-top:1px solid #e5eadc;padding-top:18px;margin-top:15px;font-size:10px;color:#afbaa1}.login-legal button{font-size:10px;color:#9ba98b}.range:focus-visible{opacity:.15}.login-top:hover,.sidebar-login:hover{color:#456832}.app-main .page .notice{font-size:12px}.result-panel .panel-title{margin-bottom:15px}button:focus-visible,a:focus-visible{outline:2px solid #77935e;outline-offset:3px}
@media(min-width:1700px){.studio-banner{min-height:240px}.banner-art{right:140px}.creation-grid{grid-template-columns:minmax(550px,1.15fr) minmax(410px,1fr)}.studio-banner h1{font-size:35px}.studio-banner p{font-size:12px}.creation-panel,.result-panel{padding:28px 30px}.field-head label{font-size:12px}.mode{font-size:11px}.upload-trigger{padding-top:29px;padding-bottom:27px}}
/* Readable desktop control sizes. */
.workspace-nav a{font-size:13px;min-height:47px}.topbar strong{font-size:14px}.login-top{font-size:12px}.preview-badge{font-size:11px}.workspace-title h2{font-size:28px}.workspace-title p{font-size:13px}.panel-title h3{font-size:17px}.field-head label{font-size:13px}.field-head>span{font-size:10px}.upload-trigger strong{font-size:14px}.upload-trigger>span:not(.upload-icon){font-size:12px}.upload-trigger small{font-size:10px}.local-note{font-size:10px}.mode{font-size:12px}.creation-panel textarea{font-size:13px;min-height:110px}.prompt-chips button{font-size:10px}.options-row label{font-size:12px}.options-row select{font-size:12px}.engine-choice strong{font-size:12px}.engine-choice small{font-size:10px}.engine-tag{font-size:9px}.generate-btn{font-size:14px}.generation-note{font-size:10px}.empty-result h4{font-size:15px}.empty-result p{font-size:12px}.empty-tag{font-size:10px}.preview-guide p{font-size:11px}.preview-meta{font-size:10px}.next-tool strong{font-size:14px}.next-tool p{font-size:10px}.engine-status{font-size:10px}.banner-eyebrow{font-size:9px}.studio-banner p{font-size:12px}.banner-link{font-size:11px}.login-dialog .login-description{font-size:12px}.login-dialog .login-status{font-size:11px}.social{font-size:13px}.credit-card>span{font-size:11px}.credit-card strong{font-size:13px}.credit-card p{font-size:10px}

/* Light cream navigation with sage selection. */
:root{--side:260px}.sidebar{background:#fcfcf9;border-color:#e3e7dd;color:#354432;padding:25px 14px 18px}.sidebar .brand{color:#354432;font-size:17px}.sidebar .brand small{color:#7b8871}.sidebar .brand .mark{background:#315843;color:#fff}.sidebar-label{color:#87927d;margin:28px 12px 14px}.workspace-nav{gap:9px}.workspace-nav a{color:#606e56;font-size:14px;min-height:49px;padding:12px 14px;border-radius:8px}.workspace-nav a:hover{background:#f0f3e9;color:#315843}.workspace-nav a[aria-current=page]{background:#e6eedb;color:#315843;box-shadow:inset 4px 0 #8da76c}.nav-icon{color:#81916f}.workspace-nav a[aria-current=page] .nav-icon{color:#406443}.save-work-btn{width:100%;margin-top:10px}.save-work-btn[disabled]{opacity:.55}.save-list{list-style:none;padding:0;margin:24px 0 0;max-width:760px;text-align:left}.save-list li{border:1px solid #dce5cf;background:#f7f9f1;border-radius:8px;padding:14px 16px;margin:10px 0;font-size:12px;color:#5f6a54;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center}.save-list strong{display:block;margin-bottom:4px}.save-thumb{width:72px;height:72px;object-fit:cover;border-radius:6px;background:#eef3e4;border:1px solid #dce5cf}.save-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.archive-workspace,.local-form-layout{background:#fff;border:1px solid var(--wb);border-radius:10px;padding:28px}.local-form-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}.profile-list{list-style:none;padding:0;margin:12px 0 0}.profile-list li{margin:0 0 8px}.profile-list button{width:100%;text-align:left;border:1px solid #dce5cf;background:#f7f9f1;border-radius:6px;padding:10px 12px;font-size:12px;color:#5f6a54}.profile-list button.active{background:#e6eedb;border-color:#aabf8f}.local-form{max-width:560px}.local-form textarea{min-height:90px}
.preview-switch{display:flex;align-items:center;gap:6px}.preview-switch-btn{border:1px solid #dce5cf;background:#f7f9f1;border-radius:4px;padding:3px 7px;font-size:10px;color:#6d7a60}.preview-switch-btn.active{background:#e6eedb;border-color:#aabf8f;color:#315843}.preview-switch-btn[disabled]{opacity:.45}.generation-results{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.generation-result-pick{display:flex;flex-direction:column;align-items:center;gap:4px;width:72px}.generation-result-check{width:auto;margin:0}.generation-bundle-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}#generation-png-bundle{width:auto}.generation-bundle-originals{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:#315843}.generation-bundle-originals input{width:auto;margin:0}#generation-bundle-count{margin:0}#generation-bundle-message{margin-top:8px}.result-thumb{width:72px;height:72px;padding:0;border:1px solid #dce5cf;border-radius:6px;overflow:hidden;background:#f7f9f1}.result-thumb.selected{outline:2px solid #819a63;outline-offset:1px}.result-thumb img{width:100%;height:100%;object-fit:cover;display:block}.result-review{margin-top:12px}.result-review .save-actions{margin-top:8px}.result-review .btn.active{background:#e6eedb;border-color:#aabf8f;color:#315843}.engine-flags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.engine-flag{font-size:11px;color:#5d7b47;background:#e6eedb;border:1px solid #d5e4c0;border-radius:999px;padding:4px 8px}.provider-connection-form{margin-top:22px;padding-top:22px;border-top:1px solid #edf0e6}.provider-connection-form input[type=password]{width:100%;border:1px solid #dce5cf;background:#fbfcf7;border-radius:6px;padding:10px 12px;font-size:13px;color:#354432}.provider-connection-form input[type=password]:disabled,.provider-connection-form select:disabled,.provider-connection-form button:disabled{opacity:.55}.provider-connection-form.is-unavailable{opacity:.72}#connection-status{margin-top:10px}
.workspace-nav a:nth-child(6){margin-top:16px}.sidebar-login{color:#53664b}.sidebar-login small{color:#849475}.user-avatar{background:#e6edda;color:#617a4d;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;font-size:12px}.sidebar-login:hover{color:#315843}
.page[data-page=detail] .page-heading.detail-heading{padding-top:22px;padding-bottom:18px;max-width:640px}.page[data-page=detail] .page-heading.detail-heading h1{font-size:28px;line-height:1.28;letter-spacing:-1px;margin:8px 0 10px}.page[data-page=detail] .page-heading.detail-heading p{font-size:13px;line-height:1.7;margin:0}.detail-workspace{background:#fff;border:1px solid var(--wb);border-radius:10px;padding:22px}.detail-workspace .local-form{max-width:none}.detail-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}.detail-steps li{font-size:12px;font-weight:700;color:#5f6a54;background:#f1f5e8;border:1px solid #dce5cf;border-radius:999px;padding:6px 10px}.detail-steps li:before{content:counter(step) '. ';counter-increment:step}.detail-steps{counter-reset:step}.detail-grid{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(280px,.85fr);gap:22px;align-items:start}#detail-input-panel.is-collapsed{grid-template-columns:minmax(280px,1fr)}#detail-input-panel.is-collapsed form{display:none}#detail-input-restore-wrap{margin:0 0 12px}.detail-drafts{border:1px solid #e6ebdd;border-radius:8px;padding:18px;background:#fbfcf7}.detail-drafts.is-collapsed .save-list,#detail-drafts-panel.is-collapsed #detail-draft-empty{display:none}.detail-source{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.detail-source-option{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:#5f6a54}.detail-source-option input{width:auto;margin:0}.detail-photo-row{display:flex;flex-wrap:wrap;gap:8px;min-height:24px}.detail-photo-row img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:#eef3e4;border:1px solid #dce5cf}.detail-check{display:flex;align-items:flex-start;gap:10px;margin:4px 0 18px;font-size:13px;color:#5f6a54;line-height:1.6}.detail-check input{width:auto;margin:3px 0 0}.detail-workspace details.detail-fold{border:1px solid #e6ebdd;border-radius:8px;padding:0;margin:0 0 16px;background:#fbfcf7}.detail-workspace details.detail-fold>summary{padding:12px 14px;font-size:13px;font-weight:700;color:#5f6a54}.detail-workspace details.detail-fold .detail-fold-body{padding:0 14px 14px}.detail-editor{margin-top:18px;border-top:1px solid #edf0e6;padding-top:18px}.detail-toolbar{margin:0 0 14px;align-items:flex-start}.detail-export-menu{position:relative}.detail-export-menu #detail-export-choices{margin-top:8px;padding:12px;border:1px solid #e6ebdd;border-radius:8px;background:#fbfcf7;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:360px}.detail-export-menu #detail-export-choices .btn{width:auto}.detail-editor-layout{display:grid;grid-template-columns:minmax(168px,.34fr) minmax(0,1fr);gap:16px;align-items:start}.detail-toc{display:flex;flex-direction:column;gap:8px}.detail-toc-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid #e6ebdd;background:#fff;border-radius:8px;padding:8px;font-size:12px;color:#5f6a54}.detail-toc-item img{width:48px;height:48px;object-fit:cover;border-radius:5px;background:#eef3e4;border:1px solid #dce5cf;flex-shrink:0}.detail-toc-item.active{background:#e6eedb;border-color:#aabf8f;color:#315843}.detail-toc-item.is-dirty{box-shadow:inset 3px 0 #c9a15b}.detail-card-pane{display:grid;gap:12px}.detail-preview-pane{display:grid;gap:8px}.detail-preview{border:1px solid #e6ebdd;border-radius:8px;padding:12px;background:#fbfcf7}.detail-preview img{width:100%;max-height:220px;object-fit:contain;border-radius:6px;background:#eef3e4;border:1px solid #dce5cf}.detail-preview h4{margin:10px 0 4px;font-size:16px}.detail-preview p{margin:0;font-size:13px;color:#5f6a54;line-height:1.6}.detail-preview.is-full{max-height:min(72vh,760px);overflow:auto}.detail-preview.is-full img{max-height:none}.detail-full-canvas{display:flex;flex-direction:column;gap:12px}.detail-preview-block{border:1px solid #e6ebdd;border-radius:8px;padding:12px;background:#fff}.detail-preview-block.active{border-color:#aabf8f;background:#f7faef}.detail-preview-footer{border-top:1px solid #e6ebdd;padding-top:12px;display:flex;flex-direction:column;gap:10px}.detail-preview-seller{border:1px solid #e6ebdd;border-radius:8px;padding:12px;background:#fff}.detail-preview-seller h4{margin:0 0 6px;font-size:15px}.detail-facts{display:grid;grid-template-columns:88px 1fr;gap:6px 14px;margin:8px 0 0;font-size:13px;color:#5f6a54}.detail-facts dt{color:#8a967c;font-weight:600}.detail-facts dd{margin:0}.detail-section{border:1px solid #e6ebdd;border-radius:8px;padding:16px;margin:0;background:#fbfcf7;display:grid;grid-template-columns:88px 1fr;gap:14px}.detail-section img{width:88px;height:88px;object-fit:cover;border-radius:6px;background:#eef3e4;border:1px solid #dce5cf}.detail-section label{margin-top:8px}.detail-section label:first-of-type{margin-top:0}.detail-editor-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.detail-editor-actions .btn{width:auto}#detail-plan-btn[disabled],#detail-save-btn[disabled],#detail-export-toggle[disabled],#detail-apply-fixed-btn[disabled],#detail-apply-fixed-confirm[disabled]{opacity:.55}#detail-apply-fixed-panel:not([hidden]){margin:0 0 14px;padding:12px;border:1px solid #e6ebdd;border-radius:8px;background:#fbfcf7;display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:640px}#detail-apply-fixed-panel .detail-editor-actions{margin-top:0}.save-list button.active{background:#e6eedb;border-color:#aabf8f}#detail-dirty{font-size:11px;color:#8a6a3b;letter-spacing:0}#detail-download a,#detail-png-download a{display:inline-flex;margin-top:6px;font-size:13px;font-weight:700;color:#315843;border-bottom:1px solid #aabf8f}#detail-png-download:not([hidden]){display:flex;flex-direction:column;align-items:flex-start;gap:4px}#detail-png-download.is-stale a{opacity:.45;pointer-events:none;color:#8a967c;border-bottom-color:#c5cdb8}#detail-draft-toggle,#detail-export-toggle{width:auto;padding:6px 10px;font-size:11px}
.link-photo-choices{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.link-photo-choice{display:flex;flex-direction:column;align-items:center;gap:6px;width:88px;margin:0;font-size:11px;color:#5f6a54;cursor:pointer}.link-photo-choice img{width:80px;height:80px;object-fit:cover;border-radius:6px;background:#eef3e4;border:1px solid #dce5cf}.link-photo-choice input{width:auto;margin:0}.link-photo-choice.selected img{outline:2px solid #819a63;outline-offset:1px}#link-refresh{width:auto;padding:6px 10px;font-size:11px}#link-progress{margin-top:28px;border-top:1px solid #edf0e6;padding-top:22px}
.fixed-side-actions{display:flex;flex-wrap:wrap;gap:6px}#fixed-new,#fixed-copy,#fixed-delete,#fixed-copy-confirm,#fixed-copy-cancel,#fixed-delete-confirm,#fixed-delete-cancel,#fixed-default-use,#fixed-default-clear{width:auto;padding:6px 10px;font-size:11px}.fixed-copy-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}#fixed-copy-panel,#fixed-delete-panel{margin-top:16px;padding-top:16px;border-top:1px solid #edf0e6}#fixed-default-status,#detail-profile-note,#link-profile-note{margin-top:10px}
#video-refresh,#analysis-refresh,#video-plan-add-btn,#video-plan-save-btn,#video-plan-restore-btn,#video-plan-restore-confirm-btn,#video-plan-restore-cancel-btn{width:auto;padding:6px 10px;font-size:11px}#video-progress,#analysis-progress,#video-plan-panel{margin-top:28px;border-top:1px solid #edf0e6;padding-top:22px}#video-plan-panel .local-form,#video-plan-panel{max-width:none}.video-plan-scenes{list-style:none;padding:0;margin:12px 0 0}.video-plan-scene{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start;border:1px solid #e6ebdd;border-radius:8px;padding:12px;margin:0 0 10px;background:#fbfcf7}.video-plan-scene img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:#eef3e4;border:1px solid #dce5cf}.video-plan-scene-fields{display:grid;gap:8px;min-width:0}.video-plan-scene-fields label{margin:0;font-size:12px}.video-plan-scene-fields input,.video-plan-scene-fields textarea,.video-plan-scene-fields select{width:100%}.video-plan-scene-fields textarea{min-height:64px}#video-plan-restore-panel{margin-top:12px;padding:14px;border:1px solid #e6ebdd;border-radius:8px;background:#fbfcf7}.analysis-home{margin:28px 0 8px;padding-top:22px;border-top:1px solid #edf0e6}.analysis-home .panel-title{margin-bottom:10px;padding-bottom:12px}.analysis-home .detail-grid{margin-top:18px}.analysis-facts-list{margin:0 0 16px;padding-left:18px;font-size:13px;color:#5f6a54}.analysis-facts-list li{margin:4px 0}#analysis-result-body h4{font-size:13px;margin:16px 0 8px}#analysis-result-photos{margin:0 0 16px}#analysis-review-form{margin:16px 0 8px;padding:16px;border:1px solid #e6ebdd;border-radius:8px;background:#fbfcf7}#analysis-review-form label{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:13px;color:#5f6a54}#analysis-review-name,#analysis-review-kind,#analysis-review-description{width:100%}.analysis-handoff-actions{margin-top:16px}#analysis-handoff-btn,#analysis-manual-start-btn,#analysis-manual-handoff-btn,#analysis-manual-save-btn,#analysis-manual-restore-btn,#analysis-manual-prompt-btn,#analysis-manual-prompt-confirm-btn,#analysis-manual-prompt-cancel-btn{width:auto}#analysis-handoff-replace,#analysis-manual-restore,#analysis-manual-prompt-replace{margin-top:12px;padding:14px;border:1px solid #e6ebdd;border-radius:8px;background:#fbfcf7}#analysis-manual-entry{margin-top:18px;padding:16px;border:1px solid #e6ebdd;border-radius:8px;background:#fbfcf7}#analysis-manual{margin-top:18px}#analysis-manual-form{margin:16px 0 8px;padding:16px;border:1px solid #e6ebdd;border-radius:8px;background:#fbfcf7}#analysis-manual-name{width:100%}#analysis-manual-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin:12px 0}.analysis-manual-row{display:flex;flex-direction:column;gap:4px;min-width:0}.analysis-manual-row span{font-size:12px;font-weight:600;color:#5f6a54}.analysis-manual-row input,.analysis-manual-row select{width:100%;font-size:12px}.origin-return-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 16px;padding:12px 14px;border:1px solid #e6ebdd;border-radius:8px;background:#fbfcf7}.origin-return-banner[hidden]{display:none}.origin-return-banner .local-note{margin:0;flex:1 1 220px}#video-return-detail-btn,#detail-return-video-btn,#detail-open-video-btn{width:auto}#detail-review-warnings h4{font-size:12px;margin:12px 0 6px;color:#8a6a3b}#detail-review-warnings .analysis-facts-list{color:#8a6a3b}.video-preview-wrap{margin:0 0 16px}.video-preview-wrap img{width:160px;height:160px;object-fit:cover;border-radius:6px;background:#eef3e4;border:1px solid #dce5cf}#video-player{width:100%;max-width:640px;background:#eef3e4;border:1px solid #dce5cf;border-radius:8px;margin:8px 0;display:block}

/* Mobile/tablet layout. Desktop 1180px+ keeps the existing sidebar and grids. */
.nav-drawer-toggle,.nav-drawer-close,.nav-drawer-backdrop{display:none}
.table-scroll{max-width:100%}
@media(max-width:1179px){
html,body{min-width:0;max-width:100%}
body{min-width:0}
.app-main,.workspace-footer{overflow-x:hidden}
.nav-drawer-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-right:10px;padding:8px 12px;border:1px solid #d6dec9;background:#fff;border-radius:6px;color:#5a6d4c;font-size:13px;font-weight:700}
.nav-drawer-close{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;min-width:44px;min-height:44px;margin:0 0 12px auto;border:1px solid #d6dec9;background:#fff;border-radius:6px;color:#5a6d4c;font-size:13px;font-weight:700}
.nav-drawer-backdrop{display:block;position:fixed;inset:0;background:#12281966;z-index:30}
.nav-drawer-backdrop[hidden]{display:none!important}
.sidebar{width:min(86vw,320px);max-width:100%;transform:translateX(-100%);visibility:hidden;pointer-events:none;z-index:40;padding:18px 14px 16px;padding-left:max(14px,env(safe-area-inset-left));transition:transform .2s ease,visibility .2s}
body.nav-open .sidebar{transform:none;visibility:visible;pointer-events:auto}
.app-main,.workspace-footer{margin-left:0}
.topbar{height:auto;min-height:64px;padding:10px 16px;flex-wrap:wrap;gap:12px}
.topbar>div{flex-wrap:wrap;gap:8px}
.login-top{min-height:44px}
.workspace-wrap,.app-main .wrap{padding:18px 16px 0;max-width:100%}
.workspace-footer{padding:16px;flex-wrap:wrap;gap:10px}
.workspace-title,.studio-banner,.creation-grid,.detail-grid,.local-form-layout,.options-row,.workspace-bottom,.next-tool,.result-toolbar,.preview-meta,.app-main .hero,.app-main .steps,.app-main .feature-pair,.app-main .support-layout,.app-main .grid3,.mode-tabs{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:stretch}
.workspace-title,.next-tool,.result-toolbar,.preview-meta,.workspace-bottom{gap:10px}
.studio-banner{min-height:0;padding:20px 18px;overflow:hidden}
.banner-art,.banner-note{display:none}
.creation-panel,.result-panel,.detail-workspace,.archive-workspace,.local-form-layout{padding:18px}
.result-panel{position:static}
.creation-grid,.detail-grid,.local-form-layout,.workspace-title{gap:16px}
.mode-tabs,.engine-options,.detail-editor-actions,.save-actions,.prompt-chips,.actions{display:flex;flex-wrap:wrap;gap:8px}
.mode,.engine-choice,.generate-btn,.btn,.save-work-btn,.workspace-nav a,.social,.sidebar-login,.profile-list button{min-height:44px}
.mode{white-space:normal;width:100%;justify-content:flex-start;padding:12px 14px}
.preview-switch{flex-wrap:wrap}
.preview-switch-btn{min-height:44px;padding:8px 12px}
img,video,#video-player,#source-preview,#result-preview{max-width:100%}
.result-stage{max-width:100%;width:100%}
.result-stage>img{width:100%;height:100%;max-width:100%;object-fit:contain}
.video-preview-wrap img{width:100%;max-width:240px;height:auto;aspect-ratio:1}
.upload-item{width:72px;height:72px}
.engine-status,.preview-meta>span:first-child,.workspace-nav a,.sidebar .brand{white-space:normal}
input,select,textarea,.creation-panel textarea,.options-row select,.form input,.form textarea,.form select{font-size:16px;max-width:100%}
.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.status-table{min-width:520px}
.page[data-page=detail] .page-heading.detail-heading{padding-top:12px;padding-bottom:12px}.page[data-page=detail] .page-heading.detail-heading h1{font-size:24px}.detail-editor-layout{grid-template-columns:1fr;display:flex;flex-direction:column}.detail-toc{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.detail-toc-item{min-width:168px;flex:0 0 auto}.detail-section{grid-template-columns:1fr;display:grid}
.detail-facts{grid-template-columns:1fr;gap:2px 0}
.detail-facts dt{margin-top:8px}
.save-list li{grid-template-columns:64px 1fr;gap:10px}
.local-form,.detail-workspace .local-form{max-width:none;width:100%}
#analysis-manual-fields{grid-template-columns:1fr}
.link-photo-choices,.detail-photo-row,.upload-previews,.generation-results{max-width:100%}
.app-main .page-heading h1,.app-main .hero h1,.studio-banner h1{font-size:28px;letter-spacing:-1px}
.app-main .steps,.app-main .feature-pair,.app-main .support-layout,.app-main .grid3,.app-main .hero{display:grid;grid-template-columns:1fr}
dialog,.login-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:min(90dvh,720px);overflow:auto}
.workspace-nav a{white-space:nowrap}
}
@media(max-width:1179px) and (min-width:700px){
.creation-grid,.detail-grid,.local-form-layout{display:grid;grid-template-columns:1fr 1fr}
.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.banner-art{display:block;position:relative;right:auto;width:min(100%,280px);height:160px}
}
.upload-order-tools{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.upload-order-tools .btn{min-height:40px;padding:8px 12px}
.project-bar{margin:0 0 18px;padding:14px 0 4px;border-bottom:1px solid #edf0e6}
.project-bar .save-actions{margin:8px 0 6px}
.project-bar .save-actions .btn{min-height:40px;padding:8px 12px}
#web-project-dirty{color:#6f8b55;font-size:11px}
#web-project-recovery-note{color:#8a6a3a}
.upload-primary-badge{position:absolute;left:4px;bottom:4px;z-index:1;background:#49683c;color:#fff;font-size:8px;letter-spacing:.3px;padding:2px 4px;border-radius:3px;pointer-events:none}
@media(max-width:1179px){
.upload-order-tools .btn{min-height:44px;min-width:44px}
}
.generate-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2);pointer-events:none}
.generate-btn:disabled:hover,.generate-btn:disabled:focus{transform:none;box-shadow:none}
.home-flow-steps{margin:0 0 18px}
.analysis-home-inline{margin:22px 0 8px;padding:18px 16px 12px;border:1px solid #dce5cf;border-radius:10px;background:linear-gradient(180deg,#fbfcf7 0%,#f4f7ef 100%)}
.analysis-home-inline .panel-title{margin-bottom:8px}
.analysis-inline-grid{margin-top:10px}
.home-create-settings{margin-top:18px;padding-top:14px;border-top:1px solid #edf0e6}
.home-action-guide{margin:10px 0 12px;padding:10px 12px;border:1px solid #e2e8d6;border-radius:8px;background:#f8faf3}
.home-action-guide .local-note{margin:0 0 8px}
.home-action-guide .save-actions{margin:0}
.home-action-guide .save-actions .btn{width:auto;padding:7px 12px;font-size:12px}
#product-prompt-guide{margin:6px 0 8px}
.product-prompt-final{margin:6px 0 8px;font-size:11px;color:#66705f}
.product-prompt-final summary{cursor:pointer}
#product-prompt-proposal{margin:8px 0 10px;padding:10px 12px;border:1px solid #e2e8d6;border-radius:8px;background:#f8faf3}
#product-prompt-proposal .save-actions{margin-top:8px}
#product-prompt-proposal .save-actions .btn{width:auto;padding:7px 12px;font-size:12px}
.product-prompt-proposal-preview{white-space:pre-wrap;max-height:120px;overflow:auto}
#analysis-create-btn:disabled{opacity:.55;cursor:not-allowed}
#drop-zone:focus{outline:2px solid #577c3f;outline-offset:3px}
#upload-paste-help{display:block;margin-top:4px}
.archive-search{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}
.archive-search .field-head{margin:0;width:100%}
.archive-search input{flex:1;min-width:220px;max-width:520px;border:1px solid #dce5cf;background:#fff;border-radius:8px;padding:10px 12px;color:#354432}
.archive-search select{min-width:140px;border:1px solid #dce5cf;background:#fff;border-radius:8px;padding:10px 12px;color:#354432}
.save-list li[hidden]{display:none}
.provider-catalog-panel{margin:0 0 28px;padding:18px 18px 14px;background:linear-gradient(180deg,#fbfaf4 0%,#f3f6ec 100%);border:1px solid #dce5cf;border-radius:12px}
.provider-connection-layout{display:grid;grid-template-columns:minmax(240px,.92fr) minmax(320px,1.18fr);gap:18px;align-items:start;margin:14px 0 8px}
.provider-select-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.provider-select-label{margin:0 0 8px;font-size:12px;letter-spacing:.4px;color:#5f6d57;font-weight:700}
.provider-developer-section{padding-top:4px;border-top:1px dashed #d5dec7}
.provider-card-grid{display:flex;flex-direction:column;gap:10px;margin:0}
.provider-card{display:flex;flex-direction:column;gap:0;padding:12px 14px;border:1px solid #d5dec7;border-radius:10px;background:#fcfcf7;text-align:left}
.provider-card.is-selected{border-color:#6f8f58;box-shadow:inset 0 0 0 1px #6f8f58;background:#f4f8ee}
.provider-card.is-saved-active{outline:1px dashed #8aa574;outline-offset:2px}
.provider-card-select{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;border:0;background:transparent;padding:0;cursor:pointer;color:#314531;font:inherit;text-align:left}
.provider-card-select:focus-visible{outline:2px solid #6f8f58;outline-offset:3px}
.provider-card-title{font-size:15px;font-weight:700;letter-spacing:-.3px}
.provider-card-meta{display:block;margin-top:4px;font-size:11px;color:#6d7a60;line-height:1.5}
.provider-card-state{flex:0 0 auto;font-size:10px;font-weight:700;color:#315843;background:#e6eedb;border:1px solid #aabf8f;border-radius:4px;padding:4px 7px;white-space:nowrap}
.provider-detail-column{min-width:0;display:flex;flex-direction:column;gap:14px}
.provider-detail-panel{padding:16px 16px 12px;border:1px solid #d5dec7;border-radius:10px;background:#fcfcf7}
.provider-detail-panel h3{margin:0 0 6px;font-size:18px;letter-spacing:-.4px;color:#314531}
.provider-detail-contract{margin:0 0 10px;font-size:12px;color:#6d7a60}
.provider-detail-panel p,.provider-detail-panel li{font-size:13px;line-height:1.55;color:#4a5844}
.provider-detail-block{margin:12px 0;padding-top:10px;border-top:1px solid #e3e9d8}
.provider-detail-block strong{display:block;margin-bottom:6px;font-size:12px;color:#4f6548}
.provider-detail-block ul{margin:0 0 8px;padding-left:18px}
.provider-detail-links{display:flex;flex-wrap:wrap;gap:10px 14px;margin:10px 0}
.provider-detail-links a{color:#2f6b45;text-decoration:underline;font-size:13px;font-weight:600}
.provider-detail-links a:hover{color:#215336}
.provider-save-needed{color:#7a5a20;background:#f7f0dd;border:1px solid #e2d3a8;border-radius:8px;padding:8px 10px}
.provider-detail-column .local-form{margin:0}
#engine-profile-wrap,#connection-profile-wrap{margin:8px 0}
/* 240: account server key store under model select */
.engine-key-block{display:flex;flex-direction:column;gap:6px;margin:12px 0 8px}
.engine-key-block.is-unavailable{opacity:.72}
.engine-key-registered{margin:0;font-weight:600;color:#315843}
.engine-key-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.engine-key-actions .btn{width:auto;padding:8px 14px;font-size:13px}
@media (max-width:980px){.provider-connection-layout{grid-template-columns:1fr}.provider-detail-column{order:2}.provider-select-column{order:1}}
/* 222: compact menu banners (same cream/green family as the home banner; decorative only, not clickable) */
.app-main .wrap>.studio-banner-compact{margin-top:28px}
.studio-banner-compact{min-height:104px;padding:18px 32px;align-items:center;pointer-events:none;user-select:none}
.studio-banner-compact .banner-title{font-size:22px;font-weight:600;line-height:1.35;letter-spacing:-1px;margin:6px 0 4px;color:#3b5030}
.studio-banner-compact .banner-sub{font-size:11px;line-height:1.7;color:#4f6140;margin:0}
.studio-banner-compact .banner-eyebrow{color:#566b42}
.studio-banner-compact .banner-art{right:36px;width:230px}
.studio-banner-compact .art-orbit{left:0;top:10px;width:224px;height:84px;transform:rotate(-12deg)}
.studio-banner-compact .art-frame{width:76px;height:82px;border-width:4px;top:14px}
.studio-banner-compact .art-frame-front{left:70px;transform:rotate(8deg)}
.studio-banner-compact .mini-bottle{transform:scale(.5);transform-origin:top left;top:26px;left:20px}
.studio-banner-compact .art-leaf{width:34px;height:14px;bottom:8px;right:-6px}
.studio-banner-compact+.page-heading{padding:20px 0 14px;max-width:760px}
.studio-banner-compact+.page-heading h1{font-size:26px;line-height:1.3;letter-spacing:-1px;margin:6px 0 8px}
.studio-banner-compact+.page-heading p{font-size:13px;line-height:1.7}
.studio-banner-compact[data-menu-banner=settings],.studio-banner-compact[data-menu-banner=preferences]{min-height:84px;padding-top:12px;padding-bottom:12px}
.studio-banner-compact[data-menu-banner=settings] .banner-art,.studio-banner-compact[data-menu-banner=preferences] .banner-art{transform:scale(.82);transform-origin:right center}
@media(max-width:1179px){
.app-main .wrap>.studio-banner-compact{margin-top:0}
.studio-banner-compact{min-height:0;padding:14px 16px;pointer-events:none}
.studio-banner-compact .banner-art{display:none}
.studio-banner-compact .banner-title{font-size:19px;letter-spacing:-.6px;margin:4px 0 3px}
.studio-banner-compact .banner-sub{font-size:11px;line-height:1.6}
.studio-banner-compact+.page-heading{padding:14px 0 10px}
.studio-banner-compact+.page-heading h1{font-size:22px}
}
@media(max-width:700px){
.studio-banner-compact .banner-eyebrow{display:none}
.studio-banner-compact .banner-title{font-size:18px}
}
/* 222: admin login dialog */
.login-form{display:flex;flex-direction:column;gap:6px;text-align:left;margin:0 0 4px}
.login-form label{font-size:11px;color:#4f6140;font-weight:600;margin-top:6px}
.login-form input[type=text],.login-form input[type=password]{width:100%;min-height:44px;padding:9px 12px;border:1px solid #d9e0cd;border-radius:6px;background:#fff;color:#2f3f27;font-size:14px;box-sizing:border-box}
.login-form input[type=text]:focus-visible,.login-form input[type=password]:focus-visible{outline:2px solid #5c7a49;outline-offset:2px}
.login-form label.login-remember{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:600;color:#3b5030;margin-top:4px;cursor:pointer}
.login-form input[type=checkbox]{width:18px;height:18px;accent-color:#43613a}
.login-remember-note{font-size:10px;line-height:1.7;color:#5f6e52;margin:0 0 8px}
.login-submit,.login-logout{width:100%;min-height:44px;justify-content:center}
.login-submit:disabled{opacity:.55;cursor:default}
.login-session{text-align:center;margin:0 0 4px}
.login-session-note{font-size:12px;color:#526547;margin:0 0 12px}
.login-dialog .login-description{margin-bottom:16px;line-height:1.7}
.login-dialog .login-status{min-height:40px}

/* PC encrypted keyfile panel (223). Chips are separate states, never a connection/generation success. */
.pc-keyfile-panel{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;padding:14px;border:1px solid #dce5cf;border-radius:8px;background:#fbfcf7}
.pc-keyfile-panel[hidden]{display:none}
.pc-keyfile-panel h4{margin:0;font-size:14px;color:#315843}
.pc-key-chips{display:flex;flex-wrap:wrap;gap:6px}
.pc-key-chip{display:inline-flex;align-items:center;min-height:26px;padding:3px 10px;border-radius:13px;border:1px solid #d6dec9;background:#fff;color:#7c8475;font-size:11px;font-weight:600}
.pc-key-chip[data-state=on]{background:#e6eedb;border-color:#aabf8f;color:#315843}
.pc-key-chip[data-state=warn]{background:#fbf3e2;border-color:#e0c690;color:#8a6a3b}
.pc-key-actions{display:flex;flex-wrap:wrap;gap:8px}
.pc-key-actions .btn{width:auto;padding:6px 12px;font-size:12px}
.pc-keyfile-panel input[type=password]{width:100%}
.pc-keyfile-panel .btn[disabled],.pc-keyfile-panel input[disabled]{opacity:.55}
/* STUDIO-COUPANG-FIXED-INFO-224: product-info form groups, courier draft preview, readiness */
#fixed-form{min-width:0}
.fixed-group{border:1px solid #dce5cf;border-radius:10px;background:#fbfcf7;padding:14px 16px 16px;margin:0 0 16px;min-width:0}
.fixed-group>legend{padding:0 8px;font-size:13px;font-weight:700;color:#315843}
.fixed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.fixed-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.fixed-field label{margin:0;font-size:12px}
.fixed-field input,.fixed-field select,.fixed-field textarea{width:100%;min-width:0;box-sizing:border-box}
.fixed-field textarea{min-height:84px}
.fixed-wide,.fixed-draft,.fixed-grid>.local-note{grid-column:1/-1}
.fixed-hint{font-size:10px;line-height:1.5;color:#7b8871}
.fixed-draft{border:1px dashed #b9c9a3;border-radius:8px;background:#f4f8ec;padding:12px 14px}
.fixed-draft h4{margin:0 0 6px;font-size:13px;color:#315843}
.fixed-draft-block{margin:8px 0}
.fixed-draft-block strong{font-size:12px}
.fixed-draft-text{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.7;color:#394a33}
.fixed-draft .fixed-copy-actions .btn{width:auto;padding:6px 10px;font-size:11px}
.fixed-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}
.fixed-check{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}
.fixed-check input{width:auto;margin:0}
.fixed-preview-box{margin-top:12px;border-top:1px solid #edf0e6;padding-top:10px}
.fixed-preview-list,.fixed-readiness-list{list-style:none;margin:6px 0 0;padding:0;font-size:12px;line-height:1.7}
.fixed-preview-list li{overflow-wrap:anywhere}
.fixed-readiness{border:1px solid #dce5cf;border-radius:10px;background:#fff;padding:14px 16px;margin:0 0 16px}
.fixed-readiness h4{margin:0 0 6px;font-size:13px;color:#315843}
.fixed-ready-ok{color:#406443}
.fixed-ready-todo{color:#8a5a12}
@media (max-width:760px){.fixed-grid,.fixed-checks{grid-template-columns:1fr}.fixed-group{padding:12px}.fixed-draft .fixed-copy-actions .btn{min-height:44px}}
/* STUDIO-FIXED-INFO-COMPACT-DEFAULTS-229: product-info only — wider edit, card grid, sticky save */
.page[data-page=product-info] .product-info-wrap{max-width:1480px;width:100%;box-sizing:border-box}
.page[data-page=product-info] .product-info-layout{display:grid;grid-template-columns:minmax(196px,232px) minmax(0,1fr);gap:18px 20px;align-items:start}
.page[data-page=product-info] .product-info-layout>.local-form-side{min-width:0;position:sticky;top:10px;align-self:start}
.page[data-page=product-info] .product-info-layout>#fixed-form,.page[data-page=product-info] .fixed-editor{max-width:none;width:100%;min-width:0}
.fixed-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;padding:12px 14px;border:1px solid #dce5cf;border-radius:10px;background:#f4f8ec}
.fixed-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px}
#fixed-defaults-fill{width:auto;padding:8px 14px;font-size:12px;font-weight:700}
#fixed-defaults-hint{margin:0;flex:1 1 220px}
.fixed-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;margin:0 0 12px}
.fixed-cards>.fixed-group,.fixed-cards>.fixed-readiness{margin:0;min-width:0}
.fixed-cards>.fixed-group[data-fixed-group=public],.fixed-cards>.fixed-readiness{grid-column:span 1}
.fixed-subblock{margin-top:12px;padding-top:12px;border-top:1px dashed #d5dec8}
.fixed-subblock>.local-note{margin:0 0 10px}
.fixed-save-bar{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:4px 0 0;padding:12px 0 8px;background:linear-gradient(180deg,rgba(246,247,243,0),#f6f7f3 28%,#f6f7f3);border-top:1px solid #edf0e6}
#fixed-save{width:auto;min-width:148px;padding:10px 18px}
.fixed-save-note{margin:0;flex:1 1 200px}
@media (max-width:1199px){.fixed-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.page[data-page=product-info] .product-info-layout{grid-template-columns:minmax(180px,210px) minmax(0,1fr)}}
@media (max-width:900px){.page[data-page=product-info] .product-info-layout{grid-template-columns:1fr}.page[data-page=product-info] .product-info-layout>.local-form-side{position:static}.fixed-cards{grid-template-columns:1fr}.fixed-save-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}}
@media (max-width:760px){#fixed-defaults-fill,#fixed-save{min-height:44px}.fixed-toolbar{padding:12px}.fixed-cards>.fixed-group[data-fixed-group=public],.fixed-cards>.fixed-readiness{grid-column:1/-1}}
/* STUDIO-FIXED-INFO-USABILITY-230: product-info only — address copy, per-field defaults, hidden preserve */
.page[data-page=product-info] .fixed-subhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 10px}
.page[data-page=product-info] .fixed-subhead>.local-note{margin:0;flex:1 1 160px}
.page[data-page=product-info] .fixed-subhead-top{margin-top:0}
.page[data-page=product-info] .fixed-label-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin:0 0 6px}
.page[data-page=product-info] .fixed-label-row>label{margin:0}
.page[data-page=product-info] .fixed-mini-btn{width:auto;min-height:32px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.2}
.page[data-page=product-info] .fixed-hidden-preserve{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page[data-page=product-info] .fixed-hint{display:block;margin:4px 0 0;font-size:11px;color:#5a6b58;line-height:1.35}
#fixed-addr-copy-status{margin:8px 0 0;font-size:12px;color:#315843}
@media (max-width:760px){.page[data-page=product-info] .fixed-mini-btn{min-height:40px}}
/* STUDIO-NORMAL-LOGIN-FIXED-SAVE-231: save status near sticky bar */
.page[data-page=product-info] .fixed-save-meta{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:4px}
.page[data-page=product-info] .fixed-save-status{margin:0;font-size:12px;line-height:1.4;color:#315843;min-height:1.2em}
.page[data-page=product-info] .fixed-save-status.is-warn{color:#8a5a12}
.page[data-page=product-info] .fixed-save-status.is-error{color:#8a3030}
.sidebar-account{display:flex;flex-direction:column;gap:8px;width:100%}.account-card{background:#f3f6eb;border:1px solid #dce5cf;border-radius:10px;padding:8px}.account-card-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#53664b;cursor:pointer;text-align:left}.account-card-toggle:hover{background:#eaf0e0}.account-card-labels{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.account-card-title{font-size:13px;font-weight:700;line-height:1.3}.account-shop-name{display:block;font-size:11px;color:#849475;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-popover{margin-top:6px;padding:10px;border-radius:8px;border:1px solid #d5dec8;background:#fff;display:flex;flex-direction:column;gap:8px}.account-popover[hidden]{display:none!important}.account-popover-shop{margin:0;font-size:13px;font-weight:600;color:#315843}.account-credit-line,.account-auth-line{margin:0;font-size:12px;color:#7f8d70}.account-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;border-radius:8px;border:1px solid #d5dec8;background:#f7faf2;color:#53664b;font-size:12px;font-weight:600;cursor:pointer}.account-action:hover{background:#eef3e6}.account-action.account-logout{background:#fff}.sidebar-login[hidden],.login-top[hidden],.account-card[hidden]{display:none!important}.sidebar-login #sidebar-login-title{display:block;font-size:13px;font-weight:700;line-height:1.3}.sidebar-login small#sidebar-login-caption{display:block}.account-profile-form{display:flex;flex-direction:column;gap:8px;margin:12px 0;text-align:left}.account-profile-form label{font-size:12px;font-weight:600;color:#526547}.account-profile-form input{width:100%;min-height:40px;border-radius:8px;border:1px solid #d5dec8;padding:8px 10px;font-size:13px}.login-credit-line{margin:0 0 8px}#account-profile-status{min-height:1.2em;font-size:12px;color:#526547}