:root{--bg:#f5f2ea;--panel:#fbfaf7;--ink:#1f1f1f;--muted:#6a6a6a;--line: rgba(0,0,0,.1);--shadow: 0 18px 60px rgba(0,0,0,.08);--radius: 16px;--thin: 300;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{height:100%;min-height:100%}#root{min-height:100dvh;min-height:100%;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;min-height:0}body{margin:0;background:radial-gradient(1200px 600px at 30% 0%,#fff 0%,var(--bg) 55%,#efe9dc 100%);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Inter,Helvetica Neue,Arial,sans-serif;font-weight:var(--thin)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.shell{flex:1;min-height:0;display:grid;grid-template-columns:300px 1fr 300px}.panel{border-right:1px solid var(--line);background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px;overflow:auto;overflow-x:hidden;min-width:0}.panel.right{border-left:1px solid var(--line);border-right:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:#f5f2eaa6;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:420}.brandMark{width:24px;height:24px;border-radius:10px;border:1px solid var(--line);background:#fff9;display:flex;align-items:center;justify-content:center;font-size:12px}.topActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.u-hidden{display:none!important}.mobileTabBar{display:flex;flex-shrink:0;border-top:1px solid var(--line);background:#fbfaf7f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:6;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0));gap:8px;justify-content:stretch}.mobileTab{flex:1;min-height:48px;border-radius:14px;border:1px solid var(--line);background:#ffffffb3;font-size:13px;font-weight:450;cursor:pointer;padding:8px 6px}.mobileTab--active{background:#1f1f1f;color:#f6f1e7;border-color:#0003}.btn{padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffa6;box-shadow:0 12px 40px #0000000f;font-size:13px;cursor:pointer}.btn.primary{background:#1f1f1f;color:#f6f1e7;border-color:#ffffff1f}.btn:disabled{opacity:.55;cursor:default}.stageWrap{display:flex;flex-direction:column;height:100%}.stageArea{display:flex;flex:1;align-items:center;justify-content:center;padding:18px;overflow:hidden}.stageCard{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff8c;box-shadow:var(--shadow);padding:14px;max-width:100%;overflow:hidden}.small{color:var(--muted);font-size:12px}.h2{font-weight:420;margin:0 0 10px;font-size:14px}.row{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.label{font-size:12px;color:var(--muted)}.input,.select{padding:10px;border-radius:12px;border:1px solid var(--line);background:#ffffffb3}.hr{height:1px;background:var(--line);margin:14px 0}.list{display:flex;flex-direction:column;gap:8px}.item{padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff9;display:flex;align-items:center;justify-content:space-between;gap:8px}.mono{font-family:var(--mono);font-size:11px;color:#0000008c}.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:980px;margin:0 auto;border:1px solid var(--line);border-radius:18px;background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:50}.cookieText{font-size:13px;color:#000000b8;line-height:1.4}.cookieText b{font-weight:520}.bannerSlot{border:1px dashed rgba(0,0,0,.22);border-radius:var(--radius);background:#ffffff59;padding:14px}@media(min-width:901px){.shell{height:100%;min-height:0}.app{min-height:100dvh}.stageArea{align-items:flex-start;justify-content:center}}@media(max-width:900px){.app{min-height:100dvh}.topbar{flex-wrap:wrap;padding:10px;gap:8px}.topActions{justify-content:center;width:100%}.shell{display:flex;flex-direction:column}.shell--mobile .panel,.shell--mobile .stageWrap{flex:1 1 0;min-height:0}.shell--mobile .panel{overflow:auto;-webkit-overflow-scrolling:touch}.shell--mobile .stageWrap{display:flex;flex-direction:column;min-height:0;overflow:hidden}.stageArea{padding:10px;flex:1;min-height:0;align-items:stretch;justify-content:stretch}.stageCard{max-height:100%;display:flex;flex-direction:column;min-height:0}.panel{padding:12px}}@media(max-width:1100px)and (min-width:901px){.shell{grid-template-columns:300px 1fr;height:100%;min-height:0}.panel.right{display:none!important}}.toolIconRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.icoBtn{width:38px;height:38px;padding:0;border-radius:12px;border:1px solid var(--line);background:#ffffffbf;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);flex-shrink:0}.icoBtn--mark{min-width:48px;padding:0 8px;font-weight:600}.icoBtn__markTxt{font-size:12px;font-weight:650;letter-spacing:.06em}.icoBtn svg{display:block}.icoBtn:disabled{opacity:.45;cursor:default}.icoBtn__mono{font-size:10px;font-weight:600;font-family:var(--mono);letter-spacing:-.04em}.appBrandTitle{font-size:clamp(1.05rem,2.2vw,1.45rem);font-weight:550;letter-spacing:.1em}.canvasToolbar{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.canvasToolbar--mobile{margin-bottom:8px;padding-bottom:8px}.canvasToolbar__row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.canvasToolbar__hint{font-size:11px;color:var(--muted);margin-right:2px;-webkit-user-select:none;user-select:none}.toolbarSep{width:1px;height:22px;background:var(--line);margin:0 4px;flex-shrink:0}