html{color-scheme:light;overflow:hidden}body{margin:0;overflow:hidden}#root{overflow:hidden}button,input,textarea,select{font:inherit}:root{color:#1f2933;background:url(/background.svg) center center / cover no-repeat fixed,radial-gradient(circle at top left,rgba(255,240,211,.85),transparent 26%),radial-gradient(circle at bottom right,rgba(213,230,255,.72),transparent 28%),#efe7db;font-family:IBM Plex Sans,Segoe UI Variable,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:url(/background.svg) center center / cover no-repeat fixed,radial-gradient(circle at top left,rgba(255,240,211,.85),transparent 26%),radial-gradient(circle at bottom right,rgba(213,230,255,.72),transparent 28%),#efe7db}#root{min-height:100vh;overflow:hidden}.app-shell{display:flex;height:100vh;flex-direction:column;overflow:hidden}.app-modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1.25rem;background:#2a241d5c;backdrop-filter:blur(8px)}.app-modal{width:min(520px,calc(100vw - 2rem));border:1px solid rgba(90,76,53,.18);border-radius:24px;background:#fffbf5fa;box-shadow:0 24px 48px #20150738;overflow:hidden}.app-modal-head,.app-modal-body,.app-modal-actions{padding-left:1.15rem;padding-right:1.15rem}.app-modal-head{padding-top:1.1rem}.app-modal-head h2,.app-modal-body p{margin:0}.app-modal-body{display:flex;flex-direction:column;gap:.55rem;padding-top:.8rem;padding-bottom:.9rem;color:#5d5143;line-height:1.45}.app-modal-field{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem}.app-modal-field label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a6542}.app-modal-field input{min-height:42px;padding:0 .8rem;border:1px solid rgba(94,73,38,.16);border-radius:14px;background:#fffdf8;color:#2a241d;font:inherit}.app-modal-field input:focus{outline:2px solid rgba(22,89,122,.18);border-color:#16597a61}.mode-switch,.resolution-presets,.app-modal-summary{display:flex;flex-wrap:wrap;gap:.55rem}.mode-switch{margin-top:.2rem}.mode-switch button,.resolution-presets button{appearance:none;min-height:38px;padding:0 .85rem;border:1px solid rgba(94,73,38,.18);border-radius:14px;background:linear-gradient(180deg,#fffaf1,#f5ebda);color:#2a241d;font:inherit;font-weight:700;cursor:pointer}.mode-switch button.is-active,.resolution-presets button.is-active{border-color:#0a5c8680;background:linear-gradient(180deg,#e6f4ff,#d8ebff);color:#133247}.app-modal-summary{margin-top:.45rem;color:#6c5f4f;font-size:.92rem}.app-modal-actions{display:flex;justify-content:flex-end;gap:.55rem;padding-top:.95rem;padding-bottom:1.1rem;border-top:1px solid rgba(94,73,38,.12)}.app-modal-actions button{appearance:none;min-height:40px;padding:0 .95rem;border:1px solid rgba(94,73,38,.18);border-radius:14px;background:linear-gradient(180deg,#fffaf1,#f5ebda);color:#2a241d;font:inherit;font-weight:700;cursor:pointer}.app-modal-actions button.secondary:hover,.app-modal-actions button.danger:hover{border-color:#855b116b;box-shadow:0 10px 20px #855b111a}.app-modal-actions button.danger{color:#842029;background:linear-gradient(180deg,#fff1f2,#ffe0e3)}.topbar,.sidebar,.workspace-header,.workspace-surface{border:1px solid rgba(90,76,53,.14);border-radius:24px;background:#fffbf5d6;box-shadow:0 18px 36px #523c1f14}.topbar{display:grid;grid-template-columns:minmax(220px,auto) minmax(0,1fr) auto;align-items:center;gap:1.2rem;margin:1.25rem 1.25rem 0;padding:1rem 1.15rem}.topbar h1,.workspace-header h2,.section-head h2{margin:0;font-family:Avenir Next,Segoe UI Variable,sans-serif}.topbar-brand{min-width:220px;display:flex;flex-direction:column;gap:.2rem}.topbar-subtitle{color:#6c5f4f;font-size:.92rem;line-height:1.35}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#8a6d1a}.topbar-center{display:flex;flex-wrap:wrap;gap:.85rem;align-items:stretch}.toolbar-group{display:flex;align-items:center;gap:.65rem;padding:.45rem .55rem;border:1px solid rgba(94,73,38,.12);border-radius:18px;background:#fcf7eee6}.toolbar-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a6d1a}.topbar-tools{display:flex;flex-wrap:wrap;gap:.45rem}.topbar-tools button,.palette-item{appearance:none;border:1px solid rgba(94,73,38,.18);border-radius:18px;background:linear-gradient(180deg,#fffaf1,#f5ebda);color:#2a241d;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.topbar-tools button{min-height:40px;padding:0 .9rem;font-weight:700;cursor:pointer}.topbar-tools button.is-active{border-color:#0a5c8680;background:linear-gradient(180deg,#e6f4ff,#d8ebff);color:#133247}.topbar-tools button:hover,.palette-item:hover{transform:translateY(-1px);border-color:#855b116b;box-shadow:0 10px 20px #855b111a}.topbar-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem;color:#5d5143;font-size:.92rem}.topbar-stats span{padding:.35rem .65rem;border-radius:999px;background:#f4ecdfe6}.workspace-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:1rem;min-height:0;flex:1;padding:1.25rem}.sidebar{display:flex;min-height:0;flex-direction:column;gap:1rem;padding:1rem;background:linear-gradient(180deg,#fdf8eff5,#f7efe3eb);backdrop-filter:blur(18px);overflow:hidden}.section-head{margin-bottom:.2rem}.category-stack{display:flex;flex:1;min-height:0;flex-direction:column;gap:1.15rem;overflow:auto;padding-right:.3rem}.palette-category{display:flex;flex-direction:column;gap:.65rem}.category-title{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a6542}.palette-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.palette-item{position:relative;display:flex;min-height:174px;flex-direction:column;align-items:stretch;gap:.7rem;padding:.8rem;text-align:center;cursor:pointer;overflow:visible}.palette-preview{display:grid;place-items:center;width:100%;min-height:114px;border-radius:18px;background:radial-gradient(circle at top,#fffffff0,#f8f1e3e6),#f9f1e4;border:1px solid rgba(140,111,69,.18);padding:.3rem}.palette-shape{width:100%;height:96px}.palette-title{display:block;font-size:1rem;font-weight:700;line-height:1.2}.palette-tooltip{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;z-index:3;padding:.65rem .75rem;border-radius:14px;background:#2a241df2;color:#fffaf1;box-shadow:0 16px 28px #2015073d;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .14s ease,transform .14s ease;line-height:1.35;text-align:left}.palette-item:hover .palette-tooltip,.palette-item:focus-visible .palette-tooltip{opacity:1;transform:translateY(0)}.workspace{display:flex;min-width:0;min-height:0;flex-direction:column;gap:1rem;overflow:hidden}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem}.workspace-header h2{font-size:1.05rem}.workspace-surface{min-height:0;flex:1;overflow:hidden;position:relative}.workspace-floating-actions{position:absolute;top:14px;right:14px;z-index:7;display:flex;gap:.55rem}.workspace-floating-actions button,.workspace-help-head button{appearance:none;border:1px solid rgba(94,73,38,.18);border-radius:14px;background:#fffbf5f5;color:#2a241d;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #523c1f1f}.workspace-floating-actions button{min-height:40px;padding:0 .9rem}.workspace-floating-actions button.is-active{border-color:#0a5c8680;background:linear-gradient(180deg,#e6f4ff,#d8ebff);color:#133247}.workspace-search-panel{position:absolute;top:16px;left:16px;z-index:7;width:min(420px,calc(100% - 132px));display:flex;flex-direction:column;border:1px solid rgba(94,73,38,.18);border-radius:22px;background:#fffbf5f7;box-shadow:0 16px 32px #523c1f24;backdrop-filter:blur(18px);overflow:hidden}.workspace-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.95rem 1rem .8rem;border-bottom:1px solid rgba(94,73,38,.12)}.workspace-search-head h3,.workspace-search-result-head strong,.workspace-search-path,.workspace-search-snippet,.workspace-search-empty,.workspace-search-hint{margin:0}.workspace-search-head h3{font-size:1rem}.workspace-search-head button{appearance:none;min-height:38px;padding:0 .85rem;border:1px solid rgba(94,73,38,.18);border-radius:14px;background:#fffbf5f5;color:#2a241d;font:inherit;font-weight:700;cursor:pointer}.workspace-search-body{display:flex;flex-direction:column;gap:.7rem;padding:.95rem 1rem 1rem;min-height:0}.workspace-search-body input{min-height:44px;padding:0 .9rem;border:1px solid rgba(94,73,38,.16);border-radius:14px;background:#fffdf8;color:#2a241d;font:inherit}.workspace-search-body input:focus{outline:2px solid rgba(22,89,122,.18);border-color:#16597a61}.workspace-search-hint{color:#6c5f4f;font-size:.88rem;line-height:1.35}.workspace-search-results{display:flex;max-height:min(58vh,520px);min-height:120px;flex-direction:column;gap:.6rem;overflow:auto;padding-right:.2rem}.workspace-search-result{appearance:none;display:flex;width:100%;flex-direction:column;gap:.4rem;padding:.85rem .9rem;border:1px solid rgba(94,73,38,.16);border-radius:16px;background:linear-gradient(180deg,#fffaf1,#f7efe0);color:#2a241d;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.workspace-search-result:hover{transform:translateY(-1px);border-color:#16597a59;box-shadow:0 10px 20px #16597a1f}.workspace-search-result-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.workspace-search-result-head span{color:#7a6542;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.workspace-search-path{color:#8a6d1a;font-size:.82rem;line-height:1.35}.workspace-search-snippet,.workspace-search-empty{color:#5d5143;font-size:.92rem;line-height:1.4}.workspace-search-empty{padding:.85rem .25rem}.workspace-help-panel{position:absolute;top:0;right:0;z-index:6;width:min(360px,42vw);height:100%;display:flex;flex-direction:column;border-left:1px solid rgba(90,76,53,.14);background:#fffbf5f7;backdrop-filter:blur(18px);box-shadow:-18px 0 36px #523c1f14}.workspace-help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1rem .8rem;border-bottom:1px solid rgba(94,73,38,.12)}.workspace-help-head h3{margin:0}.workspace-help-head button{min-height:38px;padding:0 .85rem}.workspace-help-body{display:flex;flex:1;flex-direction:column;gap:1rem;overflow:auto;padding:1rem}.workspace-help-body section{display:flex;flex-direction:column;gap:.4rem}.workspace-help-body h4,.workspace-help-body p{margin:0}.canvas-stage{width:100%;height:100%;min-height:0;background-color:#f7f2e8;cursor:default;position:relative}.connector-panel{position:absolute;display:flex;min-width:360px;flex-direction:column;gap:.7rem;padding:.78rem;border:1px solid rgba(94,73,38,.2);border-radius:20px;background:#fffbf5f5;box-shadow:0 12px 28px #523c1f29;backdrop-filter:blur(14px);pointer-events:auto}.connector-panel-tool{min-width:376px}.floating-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.floating-panel-title{display:flex;flex-direction:column;gap:.18rem}.floating-panel-title strong{font-size:.98rem}.floating-panel-title span{color:#6c5f4f;font-size:.82rem}.floating-panel-section{display:flex;flex-direction:column;gap:.45rem}.floating-panel-section label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a6542}.icon-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.connector-panel button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(94,73,38,.18);border-radius:12px;background:linear-gradient(180deg,#fffaf1,#f5ebda);color:#2a241d;cursor:pointer;font-size:1rem;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}.connector-panel button:hover{transform:translateY(-1px);border-color:#855b116b;box-shadow:0 8px 18px #855b111f}.connector-panel button.is-active{border-color:#0a5c8680;background:linear-gradient(180deg,#e6f4ff,#d8ebff);color:#133247}.connector-panel button.is-danger{color:#842029;background:linear-gradient(180deg,#fff1f2,#ffe0e3)}.connector-label-field{display:flex;flex-direction:column;gap:.45rem}.connector-label-toggle{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:none;color:#4e4134}.connector-label-toggle input{margin:0}.connector-panel input[type=text]{width:100%;border:1px solid rgba(94,73,38,.16);border-radius:12px;background:#fffdf8;padding:.58rem .7rem;color:#2a241d;font:inherit}.connector-panel input[type=color],.node-editor-panel input[type=color]{width:100%;height:42px;border:1px solid rgba(94,73,38,.16);border-radius:12px;background:#fffdf8;padding:.24rem;cursor:pointer}.node-editor-panel input[type=number]{width:100%;border:1px solid rgba(94,73,38,.16);border-radius:12px;background:#fffdf8;padding:.68rem .78rem;color:#2a241d;font:inherit}.connector-panel input[type=text]:disabled{opacity:.56}.connector-panel input[type=text]:focus{outline:2px solid rgba(22,89,122,.18);border-color:#16597a61}.connector-panel .panel-actions button{width:auto;height:auto;padding:.58rem .74rem;font-size:.82rem}.canvas-menu,.node-editor-panel{position:absolute;border:1px solid rgba(94,73,38,.2);border-radius:18px;background:#fffbf5f7;box-shadow:0 18px 32px #523c1f29;backdrop-filter:blur(18px);pointer-events:auto}.canvas-menu{display:flex;min-width:190px;flex-direction:column;padding:.4rem}.canvas-menu button,.panel-actions button,.node-editor-panel input,.node-editor-panel textarea{font:inherit}.canvas-menu button,.panel-actions button{appearance:none;border:1px solid rgba(94,73,38,.14);border-radius:12px;background:linear-gradient(180deg,#fffaf1,#f5ebda);color:#2a241d}.canvas-menu button{padding:.72rem .82rem;text-align:left;cursor:pointer}.canvas-menu button+button{margin-top:.25rem}.canvas-menu button:hover,.panel-actions button:hover{border-color:#855b116b;box-shadow:0 8px 18px #855b111f}.canvas-menu button.danger,.panel-actions button.danger{color:#842029;background:linear-gradient(180deg,#fff1f2,#ffe0e3)}.node-editor-panel{display:flex;width:min(400px,calc(100% - 24px));flex-direction:column;gap:.85rem;padding:.95rem}.node-editor-panel label{display:flex;flex-direction:column;gap:.35rem}.node-editor-panel label span{font-size:.77rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6c5f4f}.node-editor-panel input,.node-editor-panel textarea{width:100%;border:1px solid rgba(94,73,38,.16);border-radius:14px;background:#fffdf8;padding:.72rem .8rem;color:#2a241d;resize:vertical}.node-editor-panel input:focus,.node-editor-panel textarea:focus{outline:2px solid rgba(22,89,122,.18);border-color:#16597a61}.panel-actions{display:flex;justify-content:flex-end;gap:.55rem}.panel-actions-compact{justify-content:flex-start;flex-wrap:wrap}.panel-actions-compact button{min-width:72px}.panel-actions button{min-width:88px;padding:.68rem .9rem;cursor:pointer}.panel-actions button.is-primary{border-color:#0a5c8666;background:linear-gradient(180deg,#e6f4ff,#d8ebff);color:#133247}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.55rem}.icon-button-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-align,.icon-vertical{position:relative;display:inline-flex;width:18px;height:18px;color:currentColor}.icon-align{flex-direction:column;justify-content:center;gap:3px}.icon-align span{display:block;height:2px;border-radius:999px;background:currentColor}.icon-align-left span:nth-child(1){width:100%}.icon-align-left span:nth-child(2){width:74%}.icon-align-left span:nth-child(3){width:86%}.icon-align-center{align-items:center}.icon-align-center span:nth-child(1){width:100%}.icon-align-center span:nth-child(2){width:74%}.icon-align-center span:nth-child(3){width:88%}.icon-align-right{align-items:flex-end}.icon-align-right span:nth-child(1){width:100%}.icon-align-right span:nth-child(2){width:74%}.icon-align-right span:nth-child(3){width:86%}.icon-vertical{align-items:center;justify-content:center}.icon-vertical .frame{position:absolute;inset:0;border:1.5px solid currentColor;border-radius:4px;opacity:.46}.icon-vertical .bar{position:absolute;left:3px;right:3px;height:3px;border-radius:999px;background:currentColor}.icon-vertical-top .bar{top:3px}.icon-vertical-middle .bar{top:50%;transform:translateY(-50%)}.icon-vertical-bottom .bar{bottom:3px}.editor-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.editor-style-grid-single{grid-template-columns:minmax(0,1fr)}.compact-field{display:flex;flex-direction:column;gap:.35rem}.compact-field span{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6c5f4f}.panel-grip{align-self:center;width:76px;height:6px;border-radius:999px;background:#7f694747;cursor:grab}.panel-grip:active{cursor:grabbing}.panel-dragbar{background:#7f694747;cursor:grab}.panel-dragbar:active{cursor:grabbing}.panel-dragbar-top{width:100%;height:10px;border-radius:999px;margin-bottom:.1rem}.workspace-surface.is-drop-active{border-color:#16597a6b;box-shadow:0 18px 36px #523c1f14,inset 0 0 0 2px #16597a29}.canvas-surface{display:block;width:100%;height:100%}.hidden-input{display:none}@media(max-width:1180px){.topbar{grid-template-columns:1fr}.topbar-center,.topbar-stats{justify-content:flex-start}}@media(max-width:1080px){.workspace-layout{grid-template-columns:1fr}.canvas-stage{min-height:70vh}.palette-list{grid-template-columns:1fr}.workspace-help-panel{width:min(420px,100%)}}