:root{--morph-workspace:#f2efe7;--morph-panel:#fbfaf6f5;--morph-canvas:#12211b;--morph-text:#17201c;--morph-muted:#747b75;--morph-line:#e1ded4;--morph-moss:#3d7a5f;--morph-moss-soft:#e3eee7;--morph-lime:#c8f45d;--morph-coral:#ff715b;--morph-water:#74b7c9;--morph-shadow:0 18px 50px #2a372f14, 0 2px 8px #202b240a}*{box-sizing:border-box}.morph-app button,.morph-app input{font:inherit}.morph-app button{color:inherit}.morph-app button:focus-visible,.morph-app input:focus-visible{outline:2px solid var(--morph-coral);outline-offset:2px}.morph-app{min-height:100vh;color:var(--morph-text);background:radial-gradient(circle at 52% -12%, #c8f45d1c, transparent 30rem), linear-gradient(180deg, #f7f4ec 0, var(--morph-workspace) 100%);font-family:var(--font-geist-sans), Inter, ui-sans-serif, system-ui, sans-serif}.morph-topbar{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f8f6efe0;border-bottom:1px solid #d7d3c8eb;grid-template-columns:minmax(300px,1fr) auto minmax(300px,1fr);align-items:center;gap:18px;height:64px;padding:0 20px;display:grid;position:sticky;top:0}.morph-brand-row,.morph-brand,.morph-project,.morph-top-actions,.morph-mode-tabs,.morph-status,.morph-canvas-meta,.morph-canvas-tools{align-items:center;display:flex}.morph-brand-row{gap:18px;min-width:0}.morph-brand{letter-spacing:-.02em;gap:8px;font-size:14px}.morph-brand img{border-radius:7px;width:22px;height:22px}.morph-brand strong{font-weight:740}.morph-project{border-left:1px solid var(--morph-line);gap:7px;min-width:0;padding-left:16px}.morph-back{width:28px;height:28px;color:var(--morph-muted);border-radius:8px;place-items:center;text-decoration:none;display:grid}.morph-back:hover{color:var(--morph-text);background:#ebe8de}.morph-project input{width:148px;height:32px;color:var(--morph-text);background:0 0;border:0;border-radius:8px;padding:0 7px;font-size:12px;font-weight:620}.morph-project input:focus{background:#fff}.morph-mode-tabs{border:1px solid var(--morph-line);background:#ffffffa6;border-radius:12px;justify-self:center;gap:3px;padding:4px;box-shadow:0 5px 15px #27332b0a}.morph-mode-tabs button{color:#757d77;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:82px;height:34px;padding:0 14px;font-size:11px}.morph-mode-tabs button.is-active{color:var(--morph-text);background:#fff;box-shadow:0 3px 12px #2b3a3014}.morph-mode-tabs button:disabled{opacity:.38;cursor:not-allowed}.morph-top-actions{justify-self:end;gap:7px}.morph-status{color:var(--morph-muted);text-transform:uppercase;letter-spacing:.08em;gap:7px;margin-right:4px;font-size:9px}.morph-status i{background:var(--morph-lime);border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #c8f45d21}.morph-status.is-frozen i{background:var(--morph-water);box-shadow:0 0 0 4px #74b7c91f}.morph-status.is-error i{background:var(--morph-coral);box-shadow:0 0 0 4px #ff715b1f}.morph-icon-button,.morph-secondary-button,.morph-primary-button{cursor:pointer;border-radius:9px;height:34px;transition:transform .15s,border-color .15s,background .15s}.morph-icon-button{border:1px solid var(--morph-line);background:#ffffffbd;width:34px;padding:0}.morph-secondary-button{color:#315f4a;background:var(--morph-moss-soft);border:1px solid #cdd9d1;padding:0 13px;font-size:10px;font-weight:650}.morph-primary-button{color:#fff;background:var(--morph-moss);border:0;padding:0 16px;font-size:10px;font-weight:680;box-shadow:0 9px 20px #3d7a5f33}.morph-primary-button span{margin-left:7px}.morph-icon-button:hover:not(:disabled),.morph-secondary-button:hover:not(:disabled),.morph-primary-button:hover:not(:disabled){transform:translateY(-1px)}.morph-icon-button:disabled,.morph-secondary-button:disabled,.morph-primary-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.morph-workspace{grid-template-columns:240px minmax(520px,1fr) 320px;gap:14px;min-width:960px;height:calc(100vh - 64px);min-height:650px;padding:14px;display:grid}.morph-panel{background:var(--morph-panel);box-shadow:var(--morph-shadow);border:1px solid #e1ded4f5;border-radius:16px}.morph-left,.morph-inspector{height:calc(100vh - 92px);min-height:622px;position:sticky;top:78px;overflow:hidden}.morph-left{flex-direction:column;display:flex}.morph-panel-section{border-bottom:1px solid var(--morph-line);padding:16px}.morph-panel-section:last-child{border-bottom:0}.morph-eyebrow{color:#8d948e;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:760;line-height:1;display:block}.morph-panel-heading,.morph-canvas-header,.morph-inspector-heading,.morph-field-head,.morph-section-head,.morph-version-meta,.morph-export-row{justify-content:space-between;align-items:center;display:flex}.morph-panel-heading h2,.morph-canvas-header h1,.morph-inspector-heading h2{letter-spacing:-.025em;margin:4px 0 0;font-size:15px;line-height:1.2}.morph-presets{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.morph-preset{border:1px solid var(--morph-line);text-align:left;cursor:pointer;background:#fff;border-radius:11px;min-height:98px;padding:7px;position:relative}.morph-preset:hover{border-color:#a8bbae;transform:translateY(-1px)}.morph-preset.is-active{border-color:var(--morph-moss);box-shadow:inset 0 0 0 1px #3d7a5f1f}.morph-preset-preview{background-color:var(--morph-canvas);border-radius:8px;height:64px;display:block;overflow:hidden}.morph-preset-preview.is-cells{background-image:radial-gradient(circle, var(--morph-lime) 0 12%, transparent 13%), radial-gradient(circle, var(--morph-lime) 0 8%, transparent 9%);background-position:4px 5px,26px 25px;background-size:34px 34px,31px 31px}.morph-preset-preview.is-coral{background-image:radial-gradient(ellipse at 20% 20%, transparent 0 13%, var(--morph-coral) 14% 23%, transparent 24%), radial-gradient(ellipse at 70% 65%, transparent 0 14%, var(--morph-coral) 15% 23%, transparent 24%);background-size:50px 40px,52px 44px}.morph-preset-preview.is-maze{background-image:repeating-radial-gradient(ellipse at 20% 50%, transparent 0 5px, var(--morph-water) 6px 9px, transparent 10px 14px)}.morph-preset-preview.is-worms{background-image:repeating-linear-gradient(25deg,#0000 0 7px,#f5cf67 8px 12px,#0000 13px 21px)}.morph-preset strong{margin:6px 2px 0;font-size:9px;display:block}.morph-preset i{color:#fff;background:var(--morph-moss);opacity:0;border-radius:999px;place-items:center;width:16px;height:16px;font-size:8px;font-style:normal;display:grid;position:absolute;top:8px;right:8px}.morph-preset.is-active i{opacity:1}.morph-tool-row{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.morph-tool-row button,.morph-action-list button,.morph-output-types button{border:1px solid var(--morph-line);cursor:pointer;background:#fff;border-radius:9px}.morph-tool-row button{min-height:62px;color:var(--morph-muted);place-items:center;gap:3px;padding:8px;font-size:9px;display:grid}.morph-tool-row button b{font-size:17px;font-weight:500}.morph-tool-row button.is-active{color:#2f634a;border-color:var(--morph-moss);background:var(--morph-moss-soft)}.morph-action-list{gap:6px;margin-top:12px;display:grid}.morph-action-list button{color:#59625c;justify-content:space-between;align-items:center;height:34px;padding:0 10px;font-size:9px;display:flex}.morph-action-list button:hover{border-color:#b3c0b7}.morph-versions{flex-direction:column;flex:1;min-height:0;display:flex}.morph-version-list{gap:7px;min-height:0;margin-top:12px;display:grid;overflow-y:auto}.morph-version{border:1px solid var(--morph-line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:48px 1fr;align-items:center;gap:9px;padding:7px;display:grid}.morph-version.is-active{border-color:var(--morph-moss);background:#f7faf8}.morph-version img{object-fit:cover;background:var(--morph-canvas);border-radius:7px;width:48px;height:48px}.morph-version strong{font-size:9px;display:block}.morph-version span{color:var(--morph-muted);margin-top:4px;font-size:8px;display:block}.morph-empty{color:#969c97;margin:12px 0 0;font-size:9px;line-height:1.55}.morph-center{min-width:0;min-height:0}.morph-canvas-panel{flex-direction:column;height:100%;min-height:0;padding:16px;display:flex}.morph-canvas-header h1{font-size:16px}.morph-canvas-meta{color:var(--morph-muted);gap:8px;font-size:9px}.morph-canvas-meta i{background:var(--morph-lime);border-radius:50%;width:7px;height:7px}.morph-stage{background-color:#e9e5dc;background-image:linear-gradient(#12211b09 1px,#0000 1px),linear-gradient(90deg,#12211b09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d9d8ce;border-radius:12px;flex:1;place-items:center;min-height:0;margin-top:13px;display:grid;position:relative;overflow:hidden}.morph-artboard{aspect-ratio:1;background:var(--morph-canvas);touch-action:none;border-radius:4px;width:min(100% - 72px,100vh - 180px);max-width:760px;position:relative;overflow:hidden;box-shadow:0 20px 55px #1a261f33}.morph-artboard canvas,.morph-vector-preview{width:100%;height:100%;display:block;position:absolute;inset:0}.morph-vector-preview{transition:opacity .12s}.morph-vector-preview.is-updating{opacity:.6}.morph-artboard.is-grow{cursor:crosshair}.morph-brush-cursor{z-index:5;pointer-events:none;border:1px solid #ffffffe6;border-radius:999px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #12211b59}.morph-canvas-message{z-index:8;color:#f8fbf9;background:var(--morph-canvas);text-align:center;place-items:center;padding:36px;display:grid;position:absolute;inset:0}.morph-canvas-message>div{max-width:320px}.morph-canvas-message span{width:38px;height:38px;color:var(--morph-lime);border:1px solid #ffffff2e;border-radius:50%;place-items:center;margin-bottom:14px;display:inline-grid}.morph-canvas-message strong{font-size:16px;display:block}.morph-canvas-message p{color:#aebbb4;margin:9px 0 0;font-size:10px;line-height:1.6}.morph-canvas-message button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:9px;height:34px;margin-top:15px;padding:0 13px}.morph-hint{z-index:6;color:#e9f1ec;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;white-space:nowrap;background:#0b1812b3;border:1px solid #ffffff24;border-radius:999px;padding:7px 10px;font-size:8px;position:absolute;bottom:18px;left:50%;translate:-50%}.morph-canvas-tools{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #d8d5caeb;border-radius:9px;gap:3px;padding:5px;position:absolute;bottom:12px;left:12px;box-shadow:0 7px 20px #2d37301a}.morph-canvas-tools span{color:#707871;border-right:1px solid #e8e5dc;padding:4px 7px;font-size:8px}.morph-canvas-tools span:last-child{border-right:0}.morph-inspector{flex-direction:column;display:flex}.morph-inspector-heading{border-bottom:1px solid var(--morph-line);padding:16px}.morph-inspector-heading>div{align-items:center;gap:9px;display:flex}.morph-inspector-heading i{background:var(--morph-lime);border-radius:50%;width:8px;height:8px}.morph-inspector-heading h2{margin:0}.morph-inspector-body{flex:1;min-height:0;overflow-y:auto}.morph-inspector-section{border-bottom:1px solid var(--morph-line);padding:16px}.morph-inspector-section:last-child{border-bottom:0}.morph-section-head strong{font-size:10px}.morph-section-head span{color:var(--morph-muted);font-size:8px}.morph-section-copy{color:var(--morph-muted);margin:8px 0 0;font-size:9px;line-height:1.55}.morph-field{margin-top:16px;display:block}.morph-field-head{color:#505a53;margin-bottom:9px;font-size:9px}.morph-field-head output{color:var(--morph-muted);font-family:var(--font-geist-mono), monospace;font-size:8px}.morph-field input[type=range]{appearance:none;background:#d8ddd8;border-radius:999px;width:100%;height:3px}.morph-field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--morph-moss);width:14px;height:14px;box-shadow:0 0 0 1px var(--morph-moss);cursor:pointer;border:3px solid #fff;border-radius:50%}.morph-range-ends{color:#9a9f9b;justify-content:space-between;margin-top:6px;font-size:7px;display:flex}.morph-switch-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.morph-switch-row strong{font-size:9px;display:block}.morph-switch-row small{color:var(--morph-muted);margin-top:3px;font-size:8px;display:block}.morph-switch{cursor:pointer;background:#c9cec9;border:0;border-radius:999px;flex:none;width:38px;height:22px;padding:0;position:relative}.morph-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px}.morph-switch.is-active{background:var(--morph-moss)}.morph-switch.is-active:after{transform:translate(16px)}.morph-colorways{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.morph-colorway{border:1px solid var(--morph-line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;padding:6px}.morph-colorway.is-active{border-color:var(--morph-moss);box-shadow:inset 0 0 0 1px #3d7a5f1f}.morph-colorway-preview{border-radius:7px;grid-template-columns:2fr 1fr;height:34px;display:grid;overflow:hidden}.morph-colorway-preview i{display:block}.morph-colorway strong{margin:6px 2px 1px;font-size:8px;display:block}.morph-output-types{grid-template-columns:1fr;gap:7px;margin-top:12px;display:grid}.morph-output-types button{text-align:left;min-height:56px;padding:10px}.morph-output-types button strong{font-size:9px;display:block}.morph-output-types button small{color:var(--morph-muted);margin-top:4px;font-size:8px;display:block}.morph-output-types button.is-active{border-color:var(--morph-moss);background:var(--morph-moss-soft)}.morph-export-summary{border:1px solid var(--morph-line);background:#fff;border-radius:11px;gap:0;margin-top:10px;display:grid;overflow:hidden}.morph-export-row{border-bottom:1px solid #ece9e1;min-height:38px;padding:0 11px}.morph-export-row:last-child{border-bottom:0}.morph-export-row span{color:var(--morph-muted);font-size:8px}.morph-export-row strong{font-family:var(--font-geist-mono), monospace;font-size:8px}.morph-download{color:#fff;background:var(--morph-moss);cursor:pointer;border:0;border-radius:10px;width:100%;height:40px;margin-top:12px;font-size:10px;font-weight:680}.morph-download:disabled{opacity:.4;cursor:not-allowed}.morph-notice{z-index:50;color:#fff;background:#12211beb;border:1px solid #ffffff2e;border-radius:999px;padding:9px 13px;font-size:9px;position:fixed;bottom:20px;left:50%;translate:-50%;box-shadow:0 12px 30px #141e1833}.morph-compact-warning{display:none}@media (width<=1179px){.morph-workspace{grid-template-columns:210px minmax(480px,1fr) 280px;gap:10px;padding:10px}.morph-left,.morph-inspector{height:calc(100vh - 84px);top:74px}.morph-topbar{gap:10px;padding:0 12px}.morph-project input{width:112px}.morph-mode-tabs button{min-width:70px;padding:0 9px}}@media (width<=959px){.morph-compact-warning{z-index:100;background:#f2efe7f5;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.morph-compact-warning>div{border:1px solid var(--morph-line);max-width:360px;box-shadow:var(--morph-shadow);text-align:center;background:#fff;border-radius:16px;padding:26px}.morph-compact-warning strong{font-size:18px;display:block}.morph-compact-warning p{color:var(--morph-muted);font-size:11px;line-height:1.6}.morph-compact-warning button{color:#fff;background:var(--morph-moss);cursor:pointer;border:0;border-radius:9px;height:36px;padding:0 14px}}@media (height<=680px){.morph-topbar{height:56px}.morph-workspace{height:calc(100vh - 56px);min-height:590px}.morph-left,.morph-inspector{height:calc(100vh - 76px);min-height:570px;top:66px}.morph-artboard{width:min(100% - 92px,100vh - 145px)}}