@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&family=Geist:wght@400;500;600;700&family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Geist:wght@400;500;600&display=swap";html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}:root{--bg:#0d1f1e;--panel:#122928;--panel-2:#17312f;--line:#23403d;--muted:#86a3a0;--text:#eef4f2;--accent:#f0a63c;--accent-soft:#3d2c12;--primary:#7fd6cc;--canvas:#0a1918;--sans:"Geist",system-ui,sans-serif;--mono:"Geist Mono",monospace;--display:"Bricolage Grotesque",system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0;font-size:13px}.editor-app{grid-template-rows:54px minmax(0,1fr) 38px;height:100vh;min-height:640px;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#0b1c1b;align-items:center;gap:26px;padding:0 18px;display:flex}.brand{align-items:center;gap:9px;min-width:245px;display:flex}.brand strong{font:700 16px var(--display);letter-spacing:-.01em}.brand-logo{width:28px;height:28px;display:block}.signout{border-color:var(--line);white-space:nowrap}.brand-mark{color:var(--accent);font-size:22px;line-height:1}.brand-note{color:var(--muted);border-left:1px solid var(--line);padding-left:10px;font-size:11px}.top-actions{align-items:center;gap:4px;display:flex}.top-button{color:#b8bdb8;height:31px;font:500 12px var(--sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:0 11px}.top-button:hover:not(:disabled){background:var(--panel-2);color:var(--text);border-color:var(--line)}.top-button:disabled{opacity:.35;cursor:not-allowed}.top-button span{font:10px var(--mono);color:#727971;margin-left:7px}.top-button.primary{background:var(--accent);color:#221b11;border-color:var(--accent);font-weight:700}.top-button.primary:hover{background:#f5b85a}.top-button.export{color:#d7e2d1;border-color:#53604e;margin-left:8px}.doc-meta{color:var(--muted);font:11px var(--mono);align-items:center;gap:8px;margin-left:auto;display:flex}.dot{background:#5b625c;border-radius:50%;width:6px;height:6px}.dot.active{background:#70b86b}.export-wrap{position:relative}.export-menu{z-index:5;background:#122928;border:1px solid #2b4a47;border-radius:5px;min-width:145px;padding:8px;position:absolute;top:38px;right:0;box-shadow:0 10px 30px #0008}.export-menu strong{color:#899187;text-transform:uppercase;letter-spacing:.08em;padding:4px 9px;font-size:10px;display:block}.export-menu button{width:100%;color:var(--text);font:12px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:space-between;padding:8px 9px;display:flex}.export-menu button:hover{background:#1f3b39}.workspace{grid-template-columns:160px minmax(0,1fr) 275px;min-height:0;display:grid}.left-sidebar,.right-sidebar{background:var(--panel);min-height:0}.left-sidebar{border-right:1px solid var(--line);padding:17px 11px}.right-sidebar{border-left:1px solid var(--line);overflow:auto}.sidebar-label{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#7c847b;margin:0 8px 11px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.tool-button{color:#9ea59d;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:58px;display:flex}.tool-button:hover{background:var(--panel-2);color:var(--text)}.tool-button.selected{background:var(--accent-soft);color:var(--accent);border-color:#6c512f}.tool-button small{font:10px var(--sans)}.tool-icon{color:currentColor;width:16px;height:16px;display:block;position:relative}.icon-select:before{content:"↖";font-size:19px;position:absolute;top:-5px;left:0}.icon-crop:before{content:"⌗";font-size:19px;position:absolute;top:-5px;left:0}.icon-brush:before{content:"╱";font-size:22px;position:absolute;top:-8px;left:0;transform:rotate(-25deg)}.icon-eraser:before{content:"▱";font-size:17px;position:absolute;top:-3px;left:0;transform:rotate(-35deg)}.icon-text:before{content:"T";font:700 17px Georgia;position:absolute;top:-3px;left:2px}.icon-rectangle{border:2px solid}.icon-circle{border:2px solid;border-radius:50%}.icon-line:before{content:"";border-top:2px solid;width:19px;position:absolute;top:7px;left:-1px;transform:rotate(-35deg)}.icon-fill:before{content:"◒";font-size:19px;position:absolute;top:-6px}.icon-eyedropper:before{content:"⌕";font-size:23px;position:absolute;top:-8px}.tool-divider{border-top:1px solid var(--line);margin:18px 2px}.doc-actions{flex-direction:column;gap:2px;display:flex}.doc-actions button{color:#9da39c;text-align:left;cursor:pointer;font:12px var(--sans);background:0 0;border:0;border-radius:4px;padding:8px}.doc-actions button:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.doc-actions button:disabled{opacity:.35;cursor:not-allowed}.doc-actions button>span{margin-left:9px}.canvas-area{background:#171917;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-area:before{content:"";opacity:.22;background-image:linear-gradient(45deg,#1f3b39 25%,#0000 25%),linear-gradient(-45deg,#1f3b39 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1f3b39 75%),linear-gradient(-45deg,#0000 75%,#1f3b39 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;position:absolute;inset:0}.canvas-area.dragging{outline:2px dashed var(--accent);outline-offset:-9px}.canvas-hint{z-index:1;color:#768076;font:11px var(--mono);position:absolute;top:15px;left:18px}.canvas-frame{z-index:1;background:0 0;max-width:calc(100% - 48px);max-height:calc(100% - 56px);position:relative;box-shadow:0 12px 36px #0008}.canvas-frame.empty{width:420px;height:280px;box-shadow:none;background:#25282575;border:1px dashed #4a524a}.canvas-frame.empty:after{content:"JPG · PNG · WEBP";color:#6d756d;font:11px var(--mono);letter-spacing:.1em;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-frame canvas{display:block}.panel{border-bottom:1px solid var(--line);padding:14px 14px 15px}.panel-heading{color:#dbe0da;align-items:center;gap:7px;margin-bottom:13px;font-size:12px;font-weight:600;display:flex}.panel-count{font:10px var(--mono);color:#7e877e}.panel-actions{gap:2px;margin-left:auto;display:flex}.panel-actions button,.reset-button{border:1px solid var(--line);color:#9aa399;cursor:pointer;background:0 0;border-radius:3px;min-width:22px;height:22px}.panel-actions button:hover:not(:disabled),.reset-button:hover:not(:disabled){background:var(--panel-2);color:var(--text)}button:disabled{opacity:.35;cursor:not-allowed}.reset-button{font:10px var(--sans);margin-left:auto;padding:0 7px}.layers-list{flex-direction:column;gap:2px;min-height:50px;display:flex}.layer-row{color:#abb2aa;cursor:pointer;border-radius:4px;align-items:center;gap:7px;height:34px;padding:0 5px;display:flex}.layer-row:hover{background:#292d29}.layer-row.active{background:var(--accent-soft);color:#f1d0a0}.visibility{color:#818a81;cursor:pointer;background:0 0;border:0;width:21px;padding:0;font-size:12px}.layer-thumb{background:#1f3b39;border:1px solid #505850;border-radius:3px;width:22px;height:19px}.layer-thumb.type-image{background:linear-gradient(135deg,#53615b,#a4865c)}.layer-thumb.type-i-text{background:#594830}.layer-thumb.type-rect,.layer-thumb.type-circle,.layer-thumb.type-line,.layer-thumb.type-path{border-color:var(--accent);background:0 0}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.layer-kind{font:9px var(--mono);color:#727a71}.empty-panel{color:#707870;text-align:center;padding:17px 5px;font-size:11px;line-height:1.6}.layer-footer{border-top:1px solid var(--line);gap:4px;margin-top:11px;padding-top:10px;display:flex}.layer-footer button{border:1px solid var(--line);color:#919b90;font:10px var(--sans);cursor:pointer;background:0 0;border-radius:3px;flex:1;padding:5px 3px}.layer-footer button:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.adjustments-panel{padding-bottom:16px}.slider-row{color:#9da59c;grid-template-columns:1fr auto;align-items:center;gap:7px;margin:13px 0 16px;font-size:11px;display:grid}.slider-row output{font:10px var(--mono);color:#798178}.slider-row input{width:100%;accent-color:var(--accent);grid-column:1/-1;height:3px}.opacity-row{margin-top:18px}.field-label{color:#9da59c;font-size:11px;display:block}.field-label input{border:1px solid var(--line);width:100%;color:var(--text);font:11px var(--sans);background:#181a18;border-radius:3px;margin-top:7px;padding:7px 8px;display:block}.bottombar{border-top:1px solid var(--line);color:#7f887e;background:#1b1d1b;align-items:center;padding:0 15px;display:flex}.status-left{font:10px var(--mono);align-items:center;gap:7px;display:flex}.status-dot{background:#6bb36e;border-radius:50%;width:5px;height:5px}.zoom-controls{font:11px var(--mono);align-items:center;gap:8px;margin:auto;display:flex}.zoom-controls button{color:#a3aba2;cursor:pointer;font:12px var(--sans);background:0 0;border:0;padding:3px 6px}.zoom-controls button:hover{color:var(--accent)}.zoom-controls span{text-align:center;min-width:40px}.format-control{align-items:center;gap:8px;font-size:10px;display:flex}.format-control select{border:1px solid var(--line);color:#b9c1b6;font:10px var(--mono);background:#242824;border-radius:3px;padding:3px 5px}.space-pan .canvas-area{cursor:grab}@media (width<=900px){.workspace{grid-template-columns:128px minmax(0,1fr) 225px}.brand{min-width:150px}.brand-note,.doc-actions button>span{display:none}}@media (width<=700px){.editor-app{min-width:760px}.right-sidebar{width:225px}.left-sidebar{width:128px}.topbar{gap:8px;padding:0 10px}.brand{min-width:auto}.signout{order:1}.brand{order:0}.top-actions{order:2}.doc-meta{order:3}}.auth-page{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--sans);grid-template-columns:1.1fr 1fr;display:grid}.auth-art{background:radial-gradient(120% 80% at 20% 10%,#1c4a46 0%,var(--bg) 60%);border-right:1px solid var(--line);flex-direction:column;justify-content:flex-end;gap:14px;padding:56px;display:flex;position:relative;overflow:hidden}.auth-frame{background:linear-gradient(135deg,#15403c,#0e2624);border-radius:14px;position:absolute;inset:56px 56px 220px;overflow:hidden}.auth-grid{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);opacity:.6;background-size:33.33% 33.33%;position:absolute;inset:0}.auth-frame .c{border:3px solid var(--accent);z-index:1;width:26px;height:26px;position:absolute}.c.tl{border-bottom:0;border-right:0;top:14px;left:14px}.c.tr{border-bottom:0;border-left:0;top:14px;right:14px}.c.bl{border-top:0;border-right:0;bottom:14px;left:14px}.c.br{border-top:0;border-left:0;bottom:14px;right:14px}.auth-tag{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-art h2{font:700 44px/1.05 var(--display);letter-spacing:-.02em;margin:0}.auth-art h2 em{color:var(--accent);font-style:normal}.auth-sub{color:var(--muted);margin:0;font-size:15px}.auth-panel{flex-direction:column;justify-content:center;width:100%;max-width:400px;margin:0 auto;padding:48px 28px;display:flex}.auth-brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.auth-brand strong{font:700 20px var(--display);letter-spacing:-.01em;display:block}.auth-brand span{color:var(--muted);font-size:12px;display:block}.auth-panel h1{font:700 30px var(--display);letter-spacing:-.02em;margin:0 0 6px}.auth-lead{color:var(--muted);margin:0 0 26px;font-size:14px}.auth-google{background:var(--text);height:44px;color:var(--bg);font:600 14px var(--sans);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;display:flex}.auth-google:hover{opacity:.9}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-panel form{flex-direction:column;gap:14px;display:flex}.auth-panel label{flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.auth-panel input{background:var(--panel);border:1px solid var(--line);height:44px;color:var(--text);font:14px var(--sans);border-radius:10px;outline:none;padding:0 14px}.auth-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-submit{background:var(--accent);color:#1e1506;height:44px;font:700 14px var(--sans);cursor:pointer;border:0;border-radius:10px;margin-top:6px}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-error{color:#f08a7a;margin:0;font-size:13px}.auth-notice{color:var(--primary);margin:0;font-size:13px}.auth-switch{color:var(--muted);margin:24px 0 0;font-size:13px}.auth-switch button{color:var(--accent);font:600 13px var(--sans);cursor:pointer;background:0 0;border:0;padding:0}@media (width<=860px){.auth-page{grid-template-columns:1fr}.auth-art{display:none}}