@charset "UTF-8";
:root{--bg:#f7f6f2;--paper:#fffefa;--ink:#27262c;--muted:#929096;--line:#e9e7e1;--lilac:#dcd1f1;--purple:#7b62a7;--dark:#29272e;--radius:16px;--font:Inter,"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a994ce;outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #c9b9e5;outline-offset:1px}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:21px;letter-spacing:-1px;white-space:nowrap}.brand b{font-size:17px;font-weight:450;letter-spacing:-.6px}.brand-mark{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:11px;background:#28262c;color:#dcd0f2}.brand-mark .icon{width:24px;height:24px;stroke-width:1.4}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;width:208px;border-right:1px solid var(--line);background:#f0efea;padding:28px 19px;display:flex;flex-direction:column}.sidebar>.brand{padding:0 9px}.workspace-label{margin:35px 0 30px;padding:12px 9px;background:#faf9f5;border:1px solid #e4e2da;border-radius:10px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600}.workspace-label small{display:block;margin-top:4px;font-size:7px;letter-spacing:1px;font-weight:500;color:#99969a}.workspace-label>.icon{width:13px;height:13px;margin-left:auto;color:#a29da7}.tiny-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#e9e4ef;font-family:Georgia,serif;font-size:17px;color:#7a6988}.nav-caption{font-size:10px;color:#aaa6a9;margin:0 13px 13px;letter-spacing:.5px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;width:100%;gap:11px;padding:12px;border:0;background:transparent;border-radius:8px;color:#77737b;font-size:12px;text-align:left}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#e8e6df}.nav-item.active{background:#e4dfec;color:#59496e;font-weight:650}.nav-count{margin-left:auto;color:#a09aab;font-size:9px}.nav-active-dot{margin-left:auto;width:4px;height:4px;border-radius:100%;background:#8b71b1}.sidebar-bottom{margin-top:auto}.small-note{margin:28px 7px 25px;padding:18px 10px 15px;border-top:1px solid #e1ded6;border-bottom:1px solid #e1ded6}.small-note-spark{font-size:26px;line-height:1;color:#82718f}.small-note p{font-size:10px;color:#8a838d;line-height:1.8;margin:9px 0 10px;max-width:115px}.small-note>span:last-child{font-size:6px;color:#aba6ad;letter-spacing:1.1px}.team-profile{display:flex;align-items:center;gap:9px;font-size:11px}.profile-avatar{display:grid;place-items:center;width:31px;height:31px;background:#e1d8ca;border:2px solid #fffaf2;border-radius:100%;color:#827566;font-family:Georgia,serif}.team-profile small{display:block;font-size:8px;font-weight:400;color:#9a959a;margin-top:4px}.team-profile .icon-button{margin-left:auto;width:28px;height:28px}.team-profile .icon{width:15px;height:15px;color:#8c858e}.main-content{width:calc(100% - 208px);margin-left:208px;min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:11px;color:#aaa5aa;display:flex;align-items:center;gap:14px}.breadcrumb>span{color:#ccc7cb}.breadcrumb strong{font-weight:500;color:#69646d}.topbar-right{display:flex;align-items:center;gap:17px}.connection-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#87828b}.connection-status i{width:5px;height:5px;background:#b6a6c8;border-radius:100%;box-shadow:0 0 0 3px #e8e3ef}.connection-status.ready i{background:#8ea796;box-shadow:0 0 0 3px #e8ece5}.topbar-divider{height:14px;width:1px;background:#dfdcd7}.private-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#938c98}.private-label .icon{width:13px;height:13px}.content-wrap{padding:33px 34px 0;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.eyebrow{font-size:8px;font-weight:550;letter-spacing:1.7px;color:#a59ca8;margin-bottom:11px}.page-heading h1{margin:0;font-size:28px;font-weight:650;letter-spacing:-1.4px;line-height:1.5}.page-heading h1>span{color:#9d81bd}.page-heading p{margin:8px 0 0;color:#a29aa5;font-size:11px;letter-spacing:.25px}.heading-index{font-size:7px;color:#aca5af;letter-spacing:1px;align-self:flex-end;padding-bottom:4px}.heading-index b{color:#82718f;font-size:13px;font-weight:500;margin-left:9px;letter-spacing:-1px}.studio-grid{display:grid;grid-template-columns:342px minmax(0,1fr);gap:22px;align-items:stretch}.editor-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:21px 22px 16px;box-shadow:0 4px 16px #1e172303}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.panel-heading h2{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;margin:0}.panel-heading .icon{width:16px;height:16px;color:#8e78a6}.panel-heading>span{font-size:6px;color:#b8aebd;letter-spacing:1.1px}.field-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.field-label label,.field-group>label,#login-form>label{font-size:11px;font-weight:550;color:#706975;display:block}.text-button{padding:0;border:0;background:transparent;color:#a496b1;font-size:9px;display:inline-flex;align-items:center;gap:5px}.text-button:hover{color:#6f558f}.text-button .icon{width:13px;height:13px}.prompt-box{background:#f7f6f2;border:1px solid #eae6e1;border-radius:10px;overflow:hidden;transition:border-color .2s}.prompt-box:focus-within{border-color:#c6b4de}.prompt-box textarea{width:100%;height:136px;display:block;background:transparent;border:0;resize:vertical;padding:13px 13px 0;font-size:11px;line-height:1.95;color:#635b6b;min-height:96px;max-height:280px;outline:none}.prompt-box textarea::placeholder{color:#b0a9b2}.prompt-box textarea:focus-visible{outline:none}.prompt-box-bottom{display:flex;justify-content:space-between;gap:6px;padding:11px 12px;font-size:7px;color:#b2a9b7}.prompt-box-bottom>span:first-child{font-size:8px}.quick-prompts{display:flex;gap:6px;margin-top:9px}.quick-prompts button{background:#f7f5f8;border:1px solid #eeebef;color:#a393b1;border-radius:5px;padding:4px 8px;font-size:8px}.quick-prompts button:hover{background:#ece5f4;color:#79618e}.field-group{margin-top:21px}.field-group>label{margin-bottom:10px}.model-select-wrap{position:relative}.model-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);background:#e8edcc;color:#7c8b47;border-radius:5px;width:21px;height:21px;display:grid;place-items:center;font-size:14px;pointer-events:none}.model-select-wrap select{width:100%;height:42px;background:#f9f8f5;border:1px solid #e8e3dc;border-radius:8px;padding:0 30px 0 42px;color:#655e6d;font-size:11px;cursor:pointer}.field-help{font-size:8px;line-height:1.8;color:#aaa1ad;margin:7px 0 0}.field-mini{font-size:8px;color:#aaa0b0}.ratio-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.ratio-button{height:58px;border:1px solid #e9e4dd;border-radius:7px;background:#fdfbf7;color:#a197a9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:8px}.ratio-button.active{border-color:#b5a1ce;background:#f2edf8;color:#84659e;box-shadow:0 0 0 1px #cabbdb20}.ratio-shape{border:1.2px solid currentColor;border-radius:2px;width:17px;height:17px;opacity:.8}.ratio-button[data-ratio="16:9"] .ratio-shape{width:23px;height:13px}.ratio-button[data-ratio="9:16"] .ratio-shape{width:12px;height:21px}.ratio-button[data-ratio="4:3"] .ratio-shape{width:21px;height:16px}.ratio-button[data-ratio="3:4"] .ratio-shape{width:15px;height:20px}.segmented{display:flex;background:#f4f1ed;padding:3px;border:1px solid #eee9e3;border-radius:8px;gap:3px}.segmented button{flex:1;border:1px solid transparent;background:transparent;border-radius:5px;height:29px;color:#a097a5;font-size:10px}.segmented button.active{background:var(--paper);border-color:#e5dde9;color:#897092;box-shadow:0 1px 4px #33243c06}.reference-details{margin:20px 0 0;border-top:1px solid #eeebe5;padding-top:15px}.reference-details summary{list-style:none;display:flex;align-items:center;gap:6px;color:#938797;font-size:10px;cursor:pointer}.reference-details summary::-webkit-details-marker{display:none}.reference-details summary>.icon{width:13px;height:13px}.reference-details summary>span{font-size:8px;color:#b0a6b5;margin-left:2px}.reference-details .plus{margin-left:auto;transition:transform .2s}.reference-details[open] .plus{transform:rotate(45deg)}.reference-details input{margin-top:12px;height:35px;width:100%;padding:7px 10px;font-size:10px;background:#f7f5f2;border:1px solid #e5e0da;border-radius:6px;color:#645969}.primary-button{height:44px;background:var(--dark);border:1px solid var(--dark);color:#f4edf9;border-radius:8px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:12px;transition:background .2s,transform .2s}.primary-button:hover:not(:disabled){background:#49404f;border-color:#49404f;transform:translateY(-1px)}.primary-button .icon{width:17px;height:17px;color:#ded1eb}.generate-button{margin-top:21px;position:relative}.generate-button .button-arrow{position:absolute;right:14px;width:15px;height:15px;color:#b9a6c9}.generation-note{font-size:7px;text-align:center;color:#b1a5b7;margin:9px -7px 0;line-height:1.7}.form-error{background:#fbefec;border:1px solid #ebcfc9;color:#a4635a;border-radius:6px;font-size:10px;padding:10px 12px;line-height:1.8;margin:14px 0 0;overflow-wrap:anywhere}.canvas-panel{background:#faf9f6;border:1px solid #e7e3de;border-radius:var(--radius);min-height:663px;display:flex;flex-direction:column;overflow:hidden}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 21px;border-bottom:1px solid #e9e5df;min-height:55px}.canvas-toolbar>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.canvas-toolbar h2{font-size:11px;font-weight:500;color:#766c7b;margin:0}.canvas-dot{width:5px;height:5px;background:#b5a0c5;border-radius:100%}.canvas-state{font-size:8px;color:#b4a9bd;margin-left:5px}.icon-button{display:grid;place-items:center;padding:0;width:30px;height:30px;border:0;background:transparent;border-radius:7px;color:#9b8da7}.icon-button:hover{background:#eae4ef}.icon-button .icon{width:16px;height:16px}.empty-canvas{position:relative;min-height:500px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;overflow:hidden}.canvas-grid-pattern{position:absolute;inset:0;background-image:radial-gradient(#c9bfca85 .65px,transparent .65px);background-size:18px 18px;opacity:.45;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 68%);pointer-events:none}.empty-canvas h3{font-size:17px;font-weight:500;letter-spacing:.2px;margin:31px 0 11px;color:#9d8da6;position:relative}.empty-canvas p{font-size:10px;color:#b3a8ba;text-align:center;line-height:1.9;margin:0;position:relative}.empty-template-button{background:transparent;color:#9b83ad;border:0;display:flex;align-items:center;gap:7px;font-size:9px;margin-top:23px;position:relative}.empty-template-button .icon{width:13px;height:13px}.canvas-illustration{width:211px;height:172px;position:relative;margin-top:3px}.art-back{width:132px;height:143px;background:#f1eeed;border:1px solid #e1dce2;border-radius:12px;transform:rotate(-14deg);position:absolute;left:19px;top:9px;box-shadow:0 12px 23px #9a8fa20a}.art-card{position:absolute;left:52px;top:2px;width:139px;height:146px;border-radius:12px;background:linear-gradient(135deg,#f6f1fc,#e7dbf3);border:4px solid #fffdfc;box-shadow:0 9px 30px #8877921a;overflow:hidden;transform:rotate(9deg)}.art-sun{position:absolute;width:32px;height:32px;background:#ede1c3;border-radius:100%;left:24px;top:23px}.art-hill{position:absolute;width:165px;height:100px;border-radius:50% 50% 0 0}.back-hill{background:#d0c3dd;transform:rotate(-24deg);top:76px;left:-36px}.front-hill{background:#b2a0c5;transform:rotate(24deg);top:107px;left:16px}.art-shine{position:absolute;font-size:31px;top:22px;right:14px;color:#faf6fe}.floating-star{position:absolute;color:#c3b0d3}.star-a{top:17px;left:10px;font-size:15px}.star-b{bottom:20px;right:-2px;font-size:29px}.art-label{position:absolute;bottom:-5px;left:35px;font-size:6px;letter-spacing:1.8px;color:#c0afcb}.canvas-footer{height:45px;border-top:1px solid #ebe6e1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 19px;color:#b5a9be;font-size:8px}.canvas-footer>span:first-child{display:flex;align-items:center;gap:6px}.canvas-footer .icon{width:13px;height:13px}.canvas-footer>span:last-child{font-size:6px;letter-spacing:1.3px;color:#bdb2c4}.loading-canvas{min-height:500px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.generation-orb{width:105px;height:105px;border-radius:100%;background:radial-gradient(circle at 30% 30%,#f2eafa,#c5b2dc);box-shadow:0 0 0 13px #eee6f250,0 0 0 26px #f1edf550;display:grid;place-items:center;position:relative;margin-bottom:49px;animation:orb-breathe 3s infinite}.generation-orb>div{position:absolute;inset:-10px;border:1px dashed #c0abd5;border-radius:100%;animation:rotate 18s linear infinite}.generation-orb .icon{width:45px;height:45px;color:#fffafc;stroke-width:1}.loading-eyebrow{color:#ab99bb;font-size:7px;letter-spacing:2px}.loading-canvas h3{font-size:17px;font-weight:500;color:#8e789e;margin:15px 0}.loading-canvas p{color:#b0a2b9;font-size:10px;margin:0;line-height:1.9}.generation-elapsed{color:#b7a8c1;font-size:9px;margin-top:20px}.progress-track{margin-top:23px;width:164px;height:3px;background:#e8dfed;border-radius:10px;overflow:hidden}.progress-track>i{display:block;width:42%;height:100%;background:#b99dca;animation:progress 2.5s ease-in-out infinite}.result-canvas{flex:1;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:20px;background-image:radial-gradient(#ddd4e2 1px,transparent 1px);background-size:13px 13px}.result-canvas>button{background:transparent;border:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:0;flex:1;max-height:570px;width:100%;cursor:zoom-in}.result-canvas img{display:block;max-width:100%;max-height:515px;object-fit:contain;border-radius:8px;box-shadow:0 7px 26px #36203b15}.result-info{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;background:#fffdf9;border:1px solid #e9e1e9;padding:13px;border-radius:9px}.result-info>div{display:flex;flex-direction:column;gap:5px}.result-complete{display:flex;align-items:center;gap:5px;font-size:10px;color:#758976}.result-complete .icon{width:12px;height:12px}.result-info #result-meta{font-size:8px;color:#a99bad}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dcd1e4;background:#ede7f4;color:#87689b;white-space:nowrap;border-radius:6px;font-size:10px;padding:8px 10px}.download-button:hover{background:#e3d8ee}.download-button .icon{width:13px;height:13px}.recent-section{margin-top:28px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.section-heading>div{display:flex;align-items:center;gap:14px}.section-heading h2{margin:0;font-size:12px;font-weight:550;color:#7c6d89}.section-heading>div>span{font-size:8px;color:#b3a5bb}.recent-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.empty-history{background:#f0eeea;border:1px dashed #ded8e1;border-radius:11px;padding:20px 24px;display:flex;align-items:center;gap:13px;grid-column:1/-1;min-height:91px}.empty-history>.icon{width:30px;height:30px;stroke-width:1;color:#b9a9c4}.empty-history p{margin:0;font-size:11px;color:#a090ac}.empty-history span{font-size:8px;color:#b5a9bf;display:block;margin-top:6px}.main-footer{padding:25px 0 21px;display:flex;justify-content:space-between;gap:15px;font-size:7px;color:#b4aab8;margin-top:8px}.main-footer>span:first-child{font-size:8px;color:#9e91a9;font-weight:500}.main-footer>span:last-child{font-size:6px;letter-spacing:1.1px}.notice{border:1px solid #e8dcc3;background:#fcf6e9;color:#a18b5d;border-radius:8px;padding:12px 15px;font-size:10px;line-height:1.8;margin-bottom:18px}.templates-intro{display:flex;align-items:center;gap:18px;margin:0 0 24px;padding:17px 0;border-top:1px solid #e8e2e8;border-bottom:1px solid #e8e2e8}.templates-intro p{font-size:10px;color:#a193ab;margin:0;line-height:1.8}.tag{display:inline-flex;font-size:7px;letter-spacing:1px;border:1px solid #d5c7df;padding:7px 9px;border-radius:5px;color:#9c84ae;white-space:nowrap}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.template-card{background:#fffdf9;border:1px solid #e4dce9;border-radius:13px;overflow:hidden}.template-art{height:211px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.template-art .reference-badge{position:absolute;left:14px;top:14px;border:1px solid #ffffff70;background:#ffffff60;backdrop-filter:blur(5px);padding:5px 7px;color:#81768a;font-size:8px;border-radius:4px}.template-art.product{background:#e6e1d7}.template-art.product::before{content:"";position:absolute;width:240px;height:65px;border-radius:100%;background:#a79d8b22;bottom:17px;filter:blur(8px)}.product-pedestal{width:148px;height:65px;background:#ece6da;position:absolute;bottom:0;transform:skewY(-5deg);box-shadow:24px -5px 0 #d4cbbb}.bottle{position:relative;width:61px;height:112px;background:linear-gradient(90deg,#b49a6d,#e4d1a5 26%,#cbb17e 70%,#a38a60);border-radius:6px 6px 13px 13px;z-index:1;box-shadow:15px 12px 20px #68583e18;display:flex;align-items:center;justify-content:center;color:#6f5c3c;font-family:Georgia,serif;font-size:9px;letter-spacing:1px;transform:rotate(-7deg)}.bottle::before{content:"";position:absolute;width:34px;height:31px;background:linear-gradient(90deg,#b6ae9c,#e7e0d1 32%,#a99f89);top:-28px;border-radius:3px 3px 0 0}.product-leaf{position:absolute;width:110px;height:33px;border-radius:0 100% 0 100%;background:#87947780;transform:rotate(-50deg);right:28px;bottom:74px;box-shadow:35px 30px 0 #82916d40}.template-art.portrait{background:linear-gradient(115deg,#e2ccc1,#bba3a0)}.portrait-shape{position:absolute;width:139px;height:160px;background:#f0e0d2;border-radius:55% 55% 40% 40%;top:44px;left:calc(50% - 69px);transform:rotate(-11deg);border:17px solid #6e5e5c;border-bottom-width:40px;box-shadow:0 15px 15px #62515215}.portrait-shape::before{content:"";position:absolute;width:160px;height:130px;background:#ede1d6;border-radius:50% 50% 0 0;top:107px;left:-25px;transform:rotate(10deg)}.portrait-line{position:absolute;width:28px;height:38px;border-right:1px solid #8d7774;border-bottom:1px solid #8d7774;border-radius:0 0 60% 0;left:calc(50% - 7px);top:110px;transform:rotate(-11deg);z-index:2}.portrait-earring{position:absolute;width:14px;height:24px;border:2px solid #d8bd83;border-radius:50%;left:calc(50% + 41px);top:137px;z-index:2}.template-art.landscape{background:linear-gradient(#dcd4e5 0%,#e8d8d0 60%,#e8d8d0)}.landscape-sun{width:49px;height:49px;border-radius:100%;position:absolute;right:27%;top:42px;background:#f4e3c7;box-shadow:0 0 30px #f4e3c766}.landscape-mountain{position:absolute;width:85%;height:185px;bottom:-114px;left:-27px;transform:rotate(25deg);border-radius:25px;background:#afa4b9}.landscape-mountain.far{background:#c2b4c8;left:auto;right:-30px;bottom:-105px;transform:rotate(-27deg)}.landscape-mountain.near{background:#938ca5;bottom:-142px;left:-60px;transform:rotate(8deg);width:130%}.template-art.illustration{background:#dfe5d8}.illustration-vase{width:70px;height:91px;background:#c69c87;border-radius:20% 20% 40% 40%;position:absolute;bottom:29px;left:calc(50% - 35px);transform:rotate(8deg)}.illustration-vase::before{content:"";position:absolute;width:36px;height:14px;border-radius:50%;background:#a48170;left:17px;top:-5px}.illustration-stem{height:99px;width:2px;background:#7d8f6b;position:absolute;top:30px;left:50%;transform:rotate(-18deg);transform-origin:bottom}.illustration-stem::before,.illustration-stem::after{content:"";position:absolute;width:39px;height:14px;border-radius:100% 0 100% 0;background:#93a283;left:0;top:20px;transform:rotate(-19deg)}.illustration-stem::after{left:-36px;top:45px;transform:rotate(40deg)}.illustration-flower{position:absolute;width:27px;height:27px;background:#e4c4a5;border-radius:100%;top:26px;left:calc(50% - 44px);box-shadow:10px 10px 0 #e4c4a5,-10px 10px 0 #e4c4a5,1px 20px 0 #e4c4a5}.illustration-flower::before{content:"";position:absolute;width:14px;height:14px;background:#bc977b;border-radius:100%;top:11px;left:7px}.template-info{padding:20px}.template-info-top{display:flex;align-items:center;justify-content:space-between}.template-info h2{font-size:15px;margin:0;font-weight:550;color:#7e6b89}.template-info-top>span{font-size:7px;color:#b5a4c0;letter-spacing:1px}.template-info p{font-size:10px;color:#a397ab;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:55px;margin:11px 0 15px}.template-info button{font-size:10px;color:#8f75a3;border:1px solid #d9cce3;background:#f4eef8;border-radius:6px;padding:8px 13px;display:flex;align-items:center;gap:7px}.template-info button .icon{width:12px;height:12px}.history-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.history-card{background:#fffdf9;border:1px solid #e4dde8;border-radius:10px;overflow:hidden;min-width:0}.history-image-button{width:100%;height:180px;padding:0;border:0;background:#e9e3ec;display:block;overflow:hidden;cursor:zoom-in}.history-image-button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.history-image-button:hover img{transform:scale(1.04)}.history-card-body{padding:13px}.history-card-body>p{font-size:10px;color:#94849f;line-height:1.8;margin:0 0 10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:35px}.history-card-meta{font-size:7px;color:#b2a2bd;display:flex;justify-content:space-between;gap:6px}.history-card-actions{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #f0e9f2}.history-card-actions button,.history-card-actions a{background:transparent;border:0;padding:0;color:#a18aaf;display:flex;align-items:center;gap:4px;font-size:8px}.history-card-actions .icon{width:11px;height:11px}.recent-items .history-image-button{height:124px}.recent-items .history-card-body{padding:10px}.recent-items .history-card-body>p{font-size:8px;min-height:29px;margin-bottom:8px}.recent-items .history-card-meta{font-size:6px}.recent-items .history-card-actions{margin-top:8px;padding-top:8px}.secondary-button{border:1px solid #d6c9e0;background:#ede6f3;color:#8c709e;border-radius:7px;padding:10px 14px;font-size:10px;display:flex;align-items:center;gap:7px;white-space:nowrap}.secondary-button .icon{width:14px;height:14px}.toast{position:fixed;bottom:25px;left:calc(50% + 85px);transform:translateX(-50%);z-index:30;border:1px solid #4c4253;background:#332c3b;color:#f2eaf7;border-radius:9px;padding:12px 20px;font-size:11px;box-shadow:0 8px 25px #33203920;max-width:90%;line-height:1.8}.image-dialog{padding:0;border:1px solid #e2d8e7;border-radius:13px;background:#faf7fc;width:min(1000px,92vw);max-height:94vh;overflow:auto;box-shadow:0 20px 90px #1e112c30}.image-dialog::backdrop{background:#281e34bf;backdrop-filter:blur(5px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;color:#95849f;font-size:11px;border-bottom:1px solid #e7deed}.image-dialog>img{display:block;max-width:100%;max-height:72vh;object-fit:contain;margin:auto}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-top:1px solid #e7deed}.dialog-footer p{font-size:10px;color:#9b8ba5;line-height:1.8;margin:0}.boot-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:var(--bg);color:#8c789a;font-size:15px;letter-spacing:.5px;z-index:100}.boot-screen>.brand-mark{width:45px;height:45px;border-radius:13px}.boot-screen p{font-size:10px;color:#b2a4bd;margin:0}.login-screen{min-height:100vh;display:grid;grid-template-columns:47% 53%;background:#fbfaf6}.login-art{position:relative;background:#d6c8e5;overflow:hidden;min-height:100vh;padding:60px;color:#635171}.login-orbit{position:absolute;border:1px solid #b5a0c6;border-radius:50%;width:650px;height:650px;top:calc(50% - 350px);left:calc(50% - 400px);transform:rotate(-30deg);box-shadow:inset 0 0 0 40px #bfaed019,0 0 0 40px #bfaed019}.orbit-two{width:350px;height:500px;top:calc(50% - 250px);left:calc(50% - 120px);transform:rotate(30deg);border:80px solid #c7b5d850;box-shadow:none}.login-art-mark{position:absolute;top:calc(50% - 65px);left:80px;font-size:80px;font-weight:500;letter-spacing:-7px}.login-art-mark>span{font-size:9px;letter-spacing:4px;display:block;line-height:1.8;margin-top:15px;margin-left:7px;color:#92809f}.login-art-caption{position:absolute;bottom:54px;left:50px;font-size:14px;letter-spacing:1px}.login-art-caption span{display:block;margin-top:13px;font-size:7px;letter-spacing:2px;color:#9987a6}.login-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:50px 45px 25px;position:relative}.login-wrap{width:100%;max-width:330px;margin:auto}.login-wrap>.brand{margin-bottom:65px}.login-wrap>.eyebrow{font-size:7px;letter-spacing:1.9px;margin-bottom:13px}.login-wrap h1{font-size:28px;font-weight:550;margin:0;color:#73627f;letter-spacing:-1px}.login-description{font-size:11px;color:#ab9fb4;margin:13px 0 35px}.password-input{position:relative;margin-top:12px}.password-input>.icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#b2a5bc}.password-input input{height:47px;border:1px solid #e3d9e8;background:#f4f0f6;border-radius:8px;padding:0 14px 0 39px;width:100%;font-size:12px;color:#8d789d}.password-input input::placeholder{color:#b8acbf}.login-wrap .primary-button{margin-top:24px;height:47px;justify-content:space-between;padding:0 15px}.login-note{font-size:8px;display:flex;align-items:center;justify-content:center;gap:5px;color:#b2a5bc;margin:17px 0 0}.login-note .icon{width:11px;height:11px}.login-main>footer{display:flex;justify-content:space-between;gap:30px;width:100%;font-size:8px;color:#b4a7bf;margin-top:50px}.login-main>footer>span{font-size:7px;color:#c2b6c9}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes orb-breathe{50%{transform:scale(1.06);box-shadow:0 0 0 15px #eee6f250,0 0 0 33px #f1edf530}}@keyframes progress{0%{transform:translateX(-110%)}100%{transform:translateX(350%)}}
@media(min-width:1600px){.content-wrap{padding-top:43px}.studio-grid{grid-template-columns:365px minmax(0,1fr);gap:28px}.canvas-panel{min-height:720px}.prompt-box textarea{height:158px}.field-group{margin-top:25px}.generation-note{font-size:8px}.canvas-illustration{transform:scale(1.15)}.empty-canvas h3{margin-top:47px}.page-heading h1{font-size:34px}.empty-canvas h3{font-size:20px}}
@media(max-width:1200px){.sidebar{width:180px;padding:26px 14px}.brand{font-size:19px}.brand b{font-size:15px}.brand-mark{width:31px;height:31px}.sidebar>.brand{padding:0 5px}.main-content{margin-left:180px;width:calc(100% - 180px)}.topbar{padding:0 25px}.content-wrap{padding:28px 25px 0}.studio-grid{grid-template-columns:305px minmax(0,1fr);gap:17px}.editor-panel{padding:19px 17px 15px}.page-heading h1{font-size:25px}.canvas-toolbar{padding:16px}.canvas-footer{padding:0 13px}.canvas-footer>span:last-child{display:none}.empty-canvas{padding:20px 10px}.empty-canvas h3{font-size:14px}.empty-canvas p{font-size:9px}.canvas-illustration{transform:scale(.9)}.section-heading>div>span{display:none}.history-items{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-items{grid-template-columns:repeat(3,minmax(0,1fr))}.recent-items .history-card:nth-child(4){display:none}.main-footer>span:last-child{display:none}.toast{left:calc(50% + 75px)}.login-art-mark{left:50px}.login-art-caption{left:35px}}
@media(max-width:960px){.sidebar{width:74px;padding:25px 11px}.sidebar>.brand{padding:0;justify-content:center}.sidebar>.brand>span:last-child,.workspace-label,.nav-caption,.nav-item .nav-count,.nav-item .nav-active-dot,.small-note,.team-profile>div{display:none}.sidebar nav{margin-top:45px;gap:12px}.nav-item{font-size:0;justify-content:center;padding:13px}.nav-item .icon{width:21px;height:21px}.team-profile{justify-content:center;flex-direction:column;gap:15px}.team-profile .icon-button{margin:auto}.main-content{width:calc(100% - 74px);margin-left:74px}.content-wrap{padding:25px 23px 0}.topbar{padding:0 23px}.heading-index{display:none}.studio-grid{grid-template-columns:302px minmax(0,1fr);gap:17px}.empty-canvas h3{font-size:13px}.empty-canvas p{font-size:9px}.canvas-illustration{transform:scale(.8);margin-bottom:-10px}.canvas-state{display:none}.canvas-panel{min-height:665px}.canvas-footer{font-size:7px}.template-art{height:190px}.template-info{padding:16px}.toast{left:calc(50% + 37px)}}
@media(max-width:740px){.app-shell{display:block}.sidebar{position:relative;inset:auto;width:100%;height:68px;padding:0 20px;display:flex;align-items:center;flex-direction:row;border-right:0;border-bottom:1px solid var(--line);gap:20px}.sidebar>.brand{justify-content:flex-start}.sidebar>.brand>span:last-child{display:block;font-size:17px}.sidebar>.brand b{font-size:13px}.sidebar nav{margin:0 0 0 auto;flex-direction:row;gap:4px}.nav-item{width:36px;height:36px;padding:8px}.nav-item .icon{width:18px;height:18px}.sidebar-bottom{margin:0}.team-profile .profile-avatar,.team-profile>div{display:none}.team-profile{display:block}.team-profile .icon-button{width:28px;height:28px}.main-content{margin:0;width:100%}.topbar{height:48px;padding:0 20px}.breadcrumb{font-size:9px;gap:8px}.topbar-right{gap:10px}.connection-status{font-size:8px}.topbar-divider,.private-label{display:none}.content-wrap{padding:24px 20px 0}.page-heading{margin-bottom:23px;gap:15px}.page-heading h1{font-size:24px;letter-spacing:-1.1px}.eyebrow{font-size:6px;letter-spacing:1.5px;margin-bottom:10px}.page-heading p{font-size:10px;margin-top:8px}.studio-grid{grid-template-columns:1fr;gap:18px}.editor-panel{padding:20px}.panel-heading{margin-bottom:22px}.panel-heading h2{font-size:13px}.panel-heading>span{font-size:7px}.field-label label,.field-group>label{font-size:12px}.field-mini{font-size:9px}.prompt-box textarea{height:130px;font-size:12px}.prompt-box-bottom{font-size:8px}.prompt-box-bottom>span:first-child{font-size:9px}.quick-prompts button{font-size:9px;padding:5px 10px}.model-select-wrap select{font-size:12px;height:44px}.field-help{font-size:9px}.ratio-button{height:63px;font-size:9px}.segmented button{height:33px;font-size:11px}.reference-details summary{font-size:11px}.reference-details summary>span{font-size:9px}.generate-button{height:47px;font-size:13px}.generation-note{font-size:8px}.canvas-panel{min-height:440px}.canvas-toolbar{padding:13px 18px;min-height:51px}.canvas-toolbar h2{font-size:12px}.canvas-state{display:block;font-size:9px}.empty-canvas,.loading-canvas{min-height:380px}.canvas-illustration{transform:scale(.85);margin-top:12px}.empty-canvas h3{font-size:16px;margin-top:17px}.empty-canvas p{font-size:10px}.empty-template-button{font-size:10px;margin-top:19px;margin-bottom:13px}.canvas-footer{height:42px;padding:0 17px;font-size:8px}.canvas-footer>span:last-child{display:block;font-size:5px;letter-spacing:.8px}.recent-section{margin-top:25px}.section-heading h2{font-size:13px}.section-heading .text-button{font-size:10px}.recent-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recent-items .history-card:nth-child(4){display:block}.recent-items .history-image-button{height:145px}.recent-items .history-card-body>p{font-size:9px;min-height:32px}.history-card-meta{font-size:8px}.recent-items .history-card-meta{font-size:7px}.recent-items .history-card-actions button,.recent-items .history-card-actions a{font-size:9px}.empty-history{padding:20px;min-height:100px}.empty-history p{font-size:10px}.empty-history span{font-size:8px;line-height:1.7}.main-footer{font-size:7px;padding-top:25px;flex-wrap:wrap;line-height:1.5}.toast{left:50%;bottom:20px;font-size:10px}.templates-intro{align-items:flex-start;gap:10px}.templates-intro p{font-size:9px}.tag{font-size:6px;letter-spacing:.5px}.template-grid{grid-template-columns:1fr;gap:18px}.template-art{height:220px}.template-info{padding:20px}.template-info p{font-size:11px}.template-info h2{font-size:16px}.template-info button{font-size:11px}.history-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.history-image-button{height:160px}.history-card-body{padding:11px}.history-card-body>p{font-size:9px}.history-card-actions button,.history-card-actions a{font-size:9px}.secondary-button{font-size:9px;padding:8px 10px;gap:5px}.secondary-button .icon{width:12px;height:12px}.result-canvas{min-height:380px;padding:15px}.result-canvas img{max-height:480px}.dialog-footer{padding:13px;gap:12px;align-items:flex-start}.dialog-footer p{font-size:9px}.download-button{font-size:9px;padding:8px}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-main{padding:35px 25px 20px}.login-wrap{max-width:340px}.login-wrap>.brand{margin-bottom:65px}.login-main>footer{max-width:390px}.login-wrap h1{font-size:29px}.login-description{font-size:12px}.password-input input{font-size:13px;height:48px}.login-note{font-size:9px}.generation-elapsed{font-size:10px}}
@media(max-width:390px){.sidebar{padding:0 14px;gap:10px}.sidebar>.brand>span:last-child{font-size:15px}.sidebar>.brand b{font-size:12px}.nav-item{width:32px}.content-wrap{padding:22px 14px 0}.topbar{padding:0 15px}.page-heading h1{font-size:21px}.editor-panel{padding:18px}.canvas-footer>span:last-child{display:none}.history-items{grid-template-columns:1fr}.history-image-button{height:230px}.recent-items{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-items .history-image-button{height:130px}.main-footer>span:nth-child(2){font-size:6px}.result-info{gap:8px}.result-info #result-meta{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.private-label{background:transparent;border:0;padding:0;cursor:pointer}.private-label:hover{color:#796389}.access-dialog{padding:0;width:min(445px,92vw);border:1px solid #e4dce9;border-radius:12px;background:#fbf9fc;box-shadow:0 20px 90px #1e112c30}.access-dialog::backdrop{background:#281e34a0;backdrop-filter:blur(4px)}.access-dialog-body{padding:27px}.access-dialog-body h2{font-size:18px;font-weight:500;color:#8a7399;margin:18px 0 12px}.access-dialog-body>p{font-size:10px;color:#ac9db6;line-height:1.9}.access-dialog-body form{margin-top:24px}.access-dialog-body label{display:block;font-size:10px;color:#94829f;margin:17px 0 9px}.access-dialog-body input{display:block;width:100%;height:40px;border:1px solid #dfd5e6;border-radius:7px;background:#f3eef6;font-size:11px;padding:0 12px;color:#8d789d}.access-dialog-body input::placeholder{color:#b8abc1}.access-dialog-body .primary-button{margin-top:22px;font-size:11px}.access-dialog-body .access-note{font-size:8px;color:#b6a8bf;margin-top:14px}@media(max-width:740px){.topbar-divider{display:block}.private-label{display:flex;font-size:8px}.private-label .icon{width:11px;height:11px}.topbar-right{gap:9px}.connection-status{font-size:7px}.access-dialog-body{padding:23px}.access-dialog-body>p{font-size:11px}.access-dialog-body label{font-size:11px}.access-dialog-body input{font-size:12px;height:44px}.access-dialog-body .access-note{font-size:9px}}
/* Keep working controls comfortable to read at ordinary laptop widths. */
.nav-item{font-size:13px}.breadcrumb{font-size:12px}.connection-status,.private-label{font-size:10px}.page-heading p{font-size:12px;color:#8f8398}.panel-heading h2{font-size:13px}.field-label label,.field-group>label{font-size:12px}.text-button{font-size:10px}.prompt-box textarea{font-size:13px}.prompt-box textarea::placeholder{color:#a69aaE}.prompt-box-bottom,.prompt-box-bottom>span:first-child{font-size:9px;color:#9b8da6}.quick-prompts button{font-size:10px}.model-select-wrap select{font-size:12px}.field-help{font-size:10px;color:#9a8ca5}.field-mini{font-size:10px;color:#a08eae}.ratio-button{font-size:10px}.segmented button{font-size:11px}.reference-details summary{font-size:11px}.reference-details summary>span{font-size:9px}.primary-button{font-size:13px}.generation-note{font-size:9px;color:#a294ac}.canvas-toolbar h2{font-size:12px}.canvas-state{font-size:9px}.empty-canvas p{font-size:11px;color:#a294ac}.empty-template-button{font-size:11px}.notice{font-size:11px}.canvas-footer{font-size:9px}.section-heading h2{font-size:13px}.section-heading>div>span{font-size:10px}.empty-history p{font-size:12px}.empty-history span{font-size:10px}.login-description{font-size:12px}.login-note{font-size:10px}.access-dialog-body>p{font-size:11px}.access-dialog-body label{font-size:11px}.access-dialog-body .access-note{font-size:10px}@media(max-width:960px) and (min-width:741px){.nav-item{font-size:0}}@media(max-width:740px){.nav-item{font-size:0}.breadcrumb{font-size:10px}.connection-status,.private-label{font-size:8px}.page-heading p{font-size:11px}.canvas-footer>span:last-child{font-size:5px}.empty-history p{font-size:11px}.empty-history span{font-size:9px}.reference-details summary{font-size:11px}.prompt-box textarea{font-size:13px}}
.reference-upload-section{margin-top:21px;padding-top:18px;border-top:1px solid #eee8ef}.optional-label{color:#ac9cb7;font-size:9px;font-weight:400;margin-left:5px}.reference-dropzone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:112px;padding:15px 10px;border:1px dashed #d7c9e1;border-radius:9px;background:#f8f4fa;text-align:center;overflow:hidden;transition:background .2s,border-color .2s}.reference-dropzone:hover,.reference-dropzone:focus-within,.reference-dropzone.drag-active{background:#f0e8f7;border-color:#af91c9}.reference-dropzone:focus-within{outline:2px solid #d6c4e5;outline-offset:2px}.reference-file-input{position:absolute!important;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;padding:0!important;margin:0!important;border:0!important}.reference-dropzone.upload-disabled{opacity:.6;background:#f4f0f5}.reference-file-input:disabled{cursor:not-allowed}.upload-icon{width:27px;height:24px;position:relative;color:#a58bb9;margin-bottom:1px}.upload-icon>.icon{width:23px;height:23px;stroke-width:1.35}.upload-icon>i{font-style:normal;position:absolute;bottom:-1px;right:-2px;width:12px;height:12px;border:1px solid #e4d7ed;border-radius:100%;background:#f8f4fa;color:#9b7ab2;font-size:11px;line-height:10px}.reference-dropzone>strong{font-weight:400;font-size:10px;color:#937ba4;pointer-events:none}.upload-format-help{font-size:8px;color:#b2a0be;pointer-events:none}.reference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.reference-list:empty{display:none}.reference-thumb{border:1px solid #e2d8e9;background:#f1ecf5;border-radius:8px;position:relative;overflow:hidden;padding-top:78px;min-width:0}.reference-thumb>img{position:absolute;left:0;top:0;width:100%;height:78px;object-fit:cover;display:block}.reference-thumb:not(.ready)>img{opacity:.5}.reference-thumb.queued::before,.reference-thumb.uploading::before,.reference-thumb.resizing::before{content:"";position:absolute;left:calc(50% - 8px);top:29px;width:15px;height:15px;border:1.5px solid #cdb9da;border-top-color:#9170a7;border-radius:100%;animation:rotate 1s linear infinite;z-index:1}.reference-thumb.failed{border-color:#d7b3ac}.reference-thumb.failed::before{content:"!";position:absolute;top:26px;left:calc(50% - 11px);width:22px;height:22px;display:grid;place-items:center;border-radius:100%;border:1px solid #d2a8a0;background:#f9ede9;color:#a87066;font-size:14px;z-index:1}.remove-reference{position:absolute;right:4px;top:4px;width:26px;height:26px;padding:0;border:1px solid #e4dbe8;border-radius:6px;background:#fffdf9ed;color:#8c779d;display:grid;place-items:center;z-index:3;box-shadow:0 1px 4px #2a163915}.remove-reference:hover{background:white;color:#644476}.remove-reference>.icon{width:13px;height:13px}.reference-thumb-info{padding:8px 8px 7px;position:relative;background:#fcfafc;display:flex;flex-direction:column;gap:4px;min-height:44px}.reference-name{font-size:9px;color:#94809f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-file-status{font-size:8px;color:#ac9bb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-thumb.failed .reference-file-status{color:#a97165}.reference-thumb.ready .reference-file-status{color:#8d9a80}.upload-status{font-size:9px;line-height:1.8;color:#a08caf;margin:9px 0 0}.reference-privacy-note{font-size:9px;color:#b0a1ba;line-height:1.8;margin:9px 0 0}.reference-link-details{margin-top:12px;padding-top:12px;border-top:1px solid #eee8ef}.reference-link-details summary{font-size:9px}.reference-link-details summary>span{font-size:8px}.reference-upload-section .form-error{font-size:10px;margin-top:9px}.reference-link-details input{font-size:11px}.reference-link-details .field-help{font-size:9px}@media(max-width:740px){.reference-upload-section{margin-top:22px;padding-top:19px}.reference-dropzone{min-height:112px;gap:8px}.reference-dropzone>strong{font-size:12px}.desktop-drop-hint{display:none}.upload-format-help{font-size:10px}.upload-icon{width:31px;height:28px}.upload-icon>.icon{width:27px;height:27px}.upload-icon>i{width:13px;height:13px;line-height:11px}.reference-list{gap:11px}.reference-thumb{padding-top:94px}.reference-thumb>img{height:94px}.reference-thumb-info{padding:10px;min-height:48px}.reference-name{font-size:10px}.reference-file-status{font-size:9px}.remove-reference{right:2px;top:2px;width:36px;height:36px;border-radius:7px}.remove-reference>.icon{width:17px;height:17px}.reference-thumb.queued::before,.reference-thumb.uploading::before,.reference-thumb.resizing::before{top:38px}.reference-thumb.failed::before{top:35px}.upload-status,.reference-privacy-note{font-size:10px}.reference-link-details summary{font-size:10px;min-height:28px}.reference-link-details input{font-size:16px;height:43px}.reference-link-details .field-help{font-size:10px}.optional-label{font-size:10px}}@media(pointer:coarse){.reference-file-input{min-height:48px}.reference-dropzone>strong{font-size:12px}.remove-reference{width:40px;height:40px}}