@font-face{font-family:ABC Gramercy;src:url(/assets/ABCGramercy-Regular-HhkVeYlq.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Office Code Pro;src:url(/assets/OfficeCodePro-Medium-Bv-Dsiw_.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{color-scheme:dark;font-family:ABC Gramercy,Georgia,Times New Roman,serif;background:#d9fce8;color:#3a5e3c;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--font-display: "ABC Gramercy", Georgia, "Times New Roman", serif;--font-code: "Office Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--paper: #d9fce8;--paper-soft: #d4f6da;--ink: #121718;--forest: #3a5e3c;--panel: rgba(217, 252, 232, .82);--panel-solid: #d9fce8;--line: rgba(58, 94, 60, .2);--line-strong: rgba(58, 94, 60, .42);--mint: #82f5ad;--mint-strong: #82f5ad;--green: #3a5e3c;--acid: #82f5ad;--coral: #687d71;--muted: rgba(58, 94, 60, .68);--shadow: 0 24px 70px rgba(18, 23, 24, .16)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 18% 12%,rgba(130,245,173,.5),transparent 24rem),radial-gradient(circle at 82% 18%,rgba(193,217,191,.42),transparent 28rem),linear-gradient(135deg,#d9fce8,#d4f6da,#c1d9bf);content:""}body:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(58,94,60,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(58,94,60,.045) 1px,transparent 1px);background-size:32px 32px;content:"";-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 88%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 88%)}button,input{font:inherit}button,input,.brand-lockup p,.panel-heading h2,.drop-zone small,.status-message,.slider-row,.mode-button,.link-button,.primary-button{font-family:var(--font-code)}button{border:0}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}.brand-lockup,.top-actions,.panel-heading,.compact-actions,.mode-button,.link-button,.primary-button,.icon-button,.empty-state{display:flex;align-items:center}.brand-lockup{min-width:0;gap:12px}.brand-mark{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border:1px solid rgba(58,94,60,.32);border-radius:8px;color:var(--paper);background:var(--forest);box-shadow:0 0 0 4px #82f5ad47}.brand-lockup h1,.brand-lockup p,.panel-heading h2{margin:0}.brand-lockup h1{color:var(--forest);font-family:var(--font-display);font-size:1.65rem;font-weight:400;line-height:.94}.brand-lockup p{margin-top:4px;color:var(--muted);font-size:.78rem}.top-actions{flex:0 0 auto;gap:10px}.primary-button,.link-button,.icon-button,.mode-button{min-height:42px;border:1px solid var(--line);border-radius:8px;color:var(--forest);background:#d9fce8ad;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-button:hover,.link-button:hover,.icon-button:hover,.mode-button:hover{border-color:var(--line-strong);background:#82f5ad2e;transform:translateY(-1px)}.link-button{justify-content:center;gap:8px;min-width:148px;padding:0 14px;color:var(--forest);font-size:.9rem;font-weight:760;text-decoration:none}.primary-button{justify-content:center;gap:8px;min-width:112px;padding:0 16px;color:var(--ink);background:var(--mint);border-color:#3a5e3c57;font-weight:800}.primary-button:hover{background:#d9fce8}.icon-button{justify-content:center;width:42px}.workspace{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:18px;height:calc(100vh - 122px);min-height:620px}.tool-panel,.preview-panel{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tool-panel{display:flex;flex-direction:column;gap:16px;padding:16px}.drop-zone{display:grid;min-height:178px;place-items:center;padding:18px;border:1px dashed rgba(58,94,60,.38);border-radius:8px;color:var(--forest);background:linear-gradient(135deg,#82f5ad38,#d9fce885),#d9fce86b;text-align:center;transition:border-color .18s ease,background .18s ease,transform .18s ease}.drop-zone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.drop-zone.is-dragging{border-color:var(--acid);background:linear-gradient(135deg,#82f5ad5c,#d9fce8b8),#d9fce89e;transform:scale(.99)}.drop-icon{display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(58,94,60,.24);border-radius:8px;color:var(--forest);background:#82f5ad47}.drop-zone strong{margin-top:10px;font-size:1rem}.drop-zone small{width:100%;margin-top:5px;overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.status-message{margin:-4px 0 0;color:var(--coral);font-size:.84rem}.panel-section{padding-top:16px;border-top:1px solid var(--line)}.panel-heading{gap:8px;color:var(--forest)}.panel-heading h2{color:var(--forest);font-size:.92rem}.sliders{display:grid;gap:18px;margin-top:18px}.slider-row{display:grid;gap:9px}.slider-row span{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:.82rem}.slider-row b{color:var(--forest);font-weight:650}.slider-row output{color:var(--forest);font-variant-numeric:tabular-nums}.slider-row input{width:100%;height:8px;margin:0;accent-color:var(--acid)}.compact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto}.mode-button{justify-content:center;gap:7px;min-width:0;padding:0 9px;font-size:.84rem}.mode-button.is-active{border-color:#3a5e3c7a;color:var(--forest);background:#82f5ad47}.mode-button.danger:hover{border-color:#3a5e3c80;color:var(--ink)}.preview-panel{display:grid;padding:16px;overflow:hidden}.preview-frame{position:relative;display:grid;min-height:100%;place-items:center;overflow:hidden;border:1px solid rgba(58,94,60,.18);border-radius:8px;background:radial-gradient(circle at 20% 12%,rgba(197,222,192,.12),transparent 24rem),linear-gradient(135deg,#d9fce814,#1217181f),#121718}.preview-frame:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(217,252,232,.15) .8px,transparent .8px);background-position:0 0;background-size:12px 12px;content:"";opacity:.24}.image-stage{position:relative;z-index:1;max-width:calc(100% - 34px);max-height:calc(100% - 34px);overflow:hidden;border-radius:8px;box-shadow:0 28px 80px #12171852,0 0 0 1px #d9fce829;touch-action:none}.preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;border-radius:8px;object-fit:fill}.source-canvas{z-index:2}.split-handle{position:absolute;top:0;bottom:0;z-index:4;width:2px;border-radius:999px;background:var(--acid);box-shadow:0 0 0 1px #121718e6,0 0 22px #82f5ad8f;transform:translate(-1px)}.split-handle:before{position:absolute;top:50%;left:50%;width:36px;height:36px;border:1px solid rgba(130,245,173,.5);border-radius:50%;background:#121718db;content:"";transform:translate(-50%,-50%)}.empty-state{position:relative;z-index:2;flex-direction:column;justify-content:center;gap:10px;width:min(280px,calc(100% - 32px));min-height:176px;border:1px solid rgba(130,245,173,.46);border-radius:8px;color:var(--mint-strong);background:#121718db;font-weight:760}.busy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;color:var(--acid);background:#1217182e;pointer-events:none}.busy-overlay svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:920px){.app-shell{padding:16px}.topbar{align-items:flex-start}.workspace{grid-template-columns:1fr;height:auto;min-height:0}.tool-panel{order:2}.preview-panel{min-height:58vh;order:1}.compact-actions{margin-top:0}}@media(max-width:560px){.app-shell{padding:12px}.topbar{flex-direction:column;gap:14px}.top-actions{width:100%}.primary-button{flex:1}.link-button{flex:1;min-width:0}.workspace{gap:12px}.tool-panel,.preview-panel{padding:12px}.preview-panel{min-height:54vh}.compact-actions{grid-template-columns:1fr}}