:root{--ink:#464542;--muted:#86827e;--blue:#2f8cf6;--panel:#fbfaf9;--line:#e6e2df;--mask:#ff4f8b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#f5f3f2;font-family:DM Sans,Noto Sans SC,sans-serif}button,textarea,input{font:inherit}.editor{isolation:isolate;background:radial-gradient(circle at 39% 32%,#f5dfe5 0,#0000 34%),radial-gradient(circle at 62% 70%,#e4e0e4 0,#0000 40%),linear-gradient(135deg,#f9f8f7,#efeeee);height:100vh;position:relative}.topbar{z-index:10;align-items:center;height:92px;padding:0 30px;display:flex;position:absolute;inset:0 0 auto}.history-actions{gap:17px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.plain-icon{color:#76716c;cursor:pointer;background:0 0;border:0;padding:7px;font-size:33px;line-height:1}.plain-icon.disabled{opacity:.35;cursor:default}.history-button{color:#625e59;cursor:pointer;background:#fff;border:0;border-radius:18px;padding:8px 13px;font-size:12px;font-weight:700;box-shadow:0 4px 15px #463f3918}.history-panel{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfaf9f5;border:3px solid #fff;border-radius:20px;width:min(360px,100vw - 44px);max-height:calc(100vh - 120px);padding:14px;position:fixed;top:78px;left:22px;overflow:auto;box-shadow:0 14px 40px #463f3935}.history-panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.history-panel-head button,.history-card-info button{cursor:pointer;background:#e9e7e5;border:0;border-radius:10px;padding:5px 9px;font-size:11px}.history-empty{color:var(--muted);font-size:12px}.history-list{gap:9px;display:grid}.history-card{background:#fff;border-radius:13px;gap:10px;padding:8px;display:flex}.history-card img{object-fit:cover;background:#f1efed;border-radius:9px;width:76px;height:76px}.history-card-info{align-content:center;gap:5px;min-width:0;display:grid}.history-card-info small{color:var(--muted);font-size:10px}.history-card-info div{gap:5px;display:flex}.top-actions{gap:12px;margin-left:auto;display:flex}.export-btn,.share-btn{cursor:pointer;border:0;border-radius:28px;height:50px;padding:0 24px;font-size:16px;font-weight:700}.export-btn{color:#67635f;background:#e8e6e4}.share-btn{background:var(--blue);color:#fff}.viewport{scrollbar-width:none;place-items:start center;padding:24px 24px 310px;display:grid;position:absolute;inset:88px 0 0;overflow:auto}.viewport::-webkit-scrollbar{display:none}.artboard{aspect-ratio:1;transform-origin:50%;background:#fff;border-radius:11px;flex:none;width:min(70vw,100vh - 185px);position:relative;overflow:hidden;box-shadow:0 14px 44px #665f5a2d}.artboard canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.artboard.mask-mode{cursor:crosshair;box-shadow:0 0 0 3px #fff,0 0 0 5px #ff4f8b,0 16px 45px #665f5a35}.artboard.layer-hover{cursor:default}.artboard.layer-hover #maskCanvas{cursor:pointer}.layer-box{box-sizing:border-box;pointer-events:none;z-index:5;border:2px solid #2f8cf6;position:absolute;box-shadow:0 0 0 1px #ffffffd9}.layer-box.hover{background:#2f8cf614;border-color:#2f8cf6}.layer-box.selected:not(.hover){border-style:solid;border-color:#2f8cf6}.layer-box-label{color:#fff;white-space:nowrap;background:#2f8cf6;border-radius:6px;height:20px;padding:0 8px;font-size:11px;font-weight:700;line-height:20px;position:absolute;top:-22px;left:0}.layer-box .h{box-sizing:border-box;background:#fff;border:1.5px solid #2f8cf6;border-radius:1px;width:8px;height:8px;position:absolute}.layer-box .tl{top:-5px;left:-5px}.layer-box .tr{top:-5px;right:-5px}.layer-box .bl{bottom:-5px;left:-5px}.layer-box .br{bottom:-5px;right:-5px}.layer-box .tm{margin-left:-4px;top:-5px;left:50%}.layer-box .bm{margin-left:-4px;bottom:-5px;left:50%}.layer-box .ml{margin-top:-4px;top:50%;left:-5px}.layer-box .mr{margin-top:-4px;top:50%;right:-5px}.working{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#5b5753;background:#f8f5f1c9;flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex;position:absolute;inset:0}.working span{border:4px solid #d9d4cf;border-top-color:var(--blue);border-radius:50%;width:43px;height:43px;animation:.8s linear infinite spin}.working b{font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.floating-dock{z-index:20;flex-direction:column;align-items:center;gap:11px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.prompt-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf9f2;border:6px solid #fff;border-radius:32px;width:570px;min-height:128px;padding:18px 18px 13px;transition:all .2s;position:relative;box-shadow:0 18px 50px #40393329}.prompt-card:focus-within{box-shadow:0 18px 55px #40393333,0 0 0 2px #2f8cf633}.prompt-card textarea{resize:none;color:#333;background:0 0;border:0;outline:0;width:100%;height:42px;max-height:90px;padding:1px 8px;font-size:15px;line-height:1.55;display:block}.prompt-card textarea::placeholder{color:#aaa5a1}.prompt-bottom{align-items:center;gap:8px;display:flex}.round-btn,.send-btn{cursor:pointer;border:0;border-radius:50%;place-items:center;width:43px;height:43px;font-size:27px;display:grid}.round-btn{color:#4d4a47;background:#e9e7e5;font-weight:400}.model-chip{color:#44413e;cursor:pointer;background:#e9e7e5;border:0;border-radius:23px;height:43px;padding:0 16px;font-weight:650}.model-chip span{color:#76716d;margin-left:8px;font-size:19px}.send-btn{color:#fff;background:#858380;margin-left:auto;font-size:28px;line-height:1}.send-btn.ready{background:var(--blue)}.send-btn:disabled{opacity:.6;cursor:wait}.model-menu{border:1px solid var(--line);background:#fff;border-radius:17px;width:280px;max-height:280px;padding:7px;position:absolute;bottom:58px;left:58px;overflow:auto;box-shadow:0 12px 35px #332b2530}.model-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;width:100%;padding:10px 12px;font-weight:650}.model-menu button:hover,.model-menu button.active{background:#f0eeec}.model-menu small{color:#9b9691;margin-top:3px;font-weight:400;display:block}.tool-row{gap:9px;display:flex;position:relative}.tool-group{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf9f8f2;border:3px solid #fff;border-radius:27px;align-items:center;height:54px;padding:5px 8px;display:flex;box-shadow:0 9px 28px #463f3920}.tool-group.compact{padding-inline:7px}.tool-btn{color:#504d49;cursor:pointer;background:0 0;border:0;border-radius:17px;place-items:center;width:43px;height:40px;font-size:23px;transition:all .15s;display:grid}.tool-btn:hover{background:#eae7e4}.tool-btn.active{color:#151413;background:#e3e0dd}.tool-btn[data-tool=text]{font-size:21px;font-weight:700}.brush-popover{background:#fff;border-radius:18px;align-items:center;gap:10px;height:48px;padding:0 16px;font-size:12px;display:flex;position:absolute;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 9px 28px #463f3930}.brush-popover input{accent-color:#ff4f8b;width:135px}.brush-popover b{width:24px}.mode-hint{color:#fff;white-space:nowrap;background:#34312f;border-radius:20px;margin:0;padding:8px 14px;font-size:12px;position:absolute;bottom:65px}.layers-strip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfaf9f2;border:3px solid #fff;border-radius:22px;width:min(96vw,570px);margin-top:4px;padding:12px 14px;box-shadow:0 9px 28px #463f3920}.layers-strip-head{color:#6a6560;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.layers-strip-head b{color:#2f2c29;font-size:13px}.layers-strip-head button{cursor:pointer;background:#e9e7e5;border:0;border-radius:14px;margin-left:auto;padding:4px 10px;font-size:12px}.layers-strip-head .linkish{color:#2f8cf6;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.layers-strip-list{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.layer-thumb{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/12px 12px;border:2px solid #0000;border-radius:14px;flex:none;width:96px;padding:4px}.layer-thumb.active{border-color:#2f8cf6}.layer-thumb.hidden-layer{opacity:.45}.layer-thumb-main{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.layer-thumb img{aspect-ratio:1;object-fit:contain;border-radius:10px;width:100%;display:block}.layer-thumb-main span{text-align:center;color:#5b5753;margin-top:4px;font-size:11px;font-weight:650;display:block}.layer-thumb-actions{gap:4px;margin-top:4px;display:flex}.layer-thumb-actions button{cursor:pointer;color:#444;background:#e9e7e5;border:0;border-radius:8px;flex:1;padding:4px 0;font-size:11px;font-weight:700}.layer-thumb-actions button:hover{background:#dcd9d6}.toast{z-index:50;color:#fff;opacity:0;pointer-events:none;background:#272522;border-radius:20px;padding:10px 16px;font-size:13px;transition:all .2s;position:fixed;top:24px;left:50%;transform:translate(-50%,-15px)}.toast.show{opacity:1;transform:translate(-50%)}.hidden{display:none!important}@media (width<=760px){.topbar{height:70px;padding:0 13px}.history-actions{left:14px;transform:none}.plain-icon{font-size:25px}.export-btn,.share-btn{height:40px;padding:0 16px;font-size:13px}.viewport{padding:20px 10px 290px;inset:68px 0 0}.artboard{width:min(94vw,100vh - 160px)}.floating-dock{width:100%;padding:0 8px;bottom:10px}.prompt-card{border-width:4px;width:min(96vw,570px);min-height:118px}.tool-row{scrollbar-width:none;justify-content:flex-start;max-width:96vw;overflow-x:auto}.tool-group{flex:none}.tool-btn{width:39px}.mode-hint{bottom:60px}.history-actions .disabled{display:none}}