:root{--bg:#f6f1e8;--paper:#fffaf2;--ink:#1f1a17;--muted:#6f655f;--line:rgba(31,26,23,0.12);--accent:#b85c38;--accent-2:#2e6f68;--danger:#8c2f39;--status-draft:#8a6d2b;--status-failed:#9a3030;--success-muted:#5a7a5a;--success-bg:#5a8a5a;--accent-strong:#9c4a2a;--accent-light:#e8a87c;--shadow-light:0 2px 8px rgba(56,39,28,0.05);--shadow:0 20px 60px rgba(56,39,28,0.09);--shadow-elevated:0 28px 72px rgba(56,39,28,0.13),0 8px 24px rgba(56,39,28,0.06);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--radius-pill:999px;--focus-ring:0 0 0 3px rgba(46,111,104,0.1);--focus-ring-strong:0 0 0 3px rgba(46,111,104,0.12);--transition-input-focus:border-color 200ms ease,box-shadow 200ms ease,background 200ms ease;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--bg-frosted:rgba(255,255,255,0.7);--bg-frosted-strong:var(--white-95);--ink-04:rgba(31,26,23,0.04);--ink-05:rgba(31,26,23,0.05);--ink-06:rgba(31,26,23,0.06);--ink-08:rgba(31,26,23,0.08);--ink-10:rgba(31,26,23,0.1);--ink-15:rgba(31,26,23,0.15);--ink-18:rgba(31,26,23,0.18);--ink-20:rgba(31,26,23,0.2);--ink-22:rgba(31,26,23,0.22);--white-16:rgba(255,255,255,0.16);--white-35:rgba(255,255,255,0.35);--white-50:rgba(255,255,255,0.5);--white-54:rgba(255,255,255,0.54);--white-60:rgba(255,255,255,0.6);--white-72:rgba(255,255,255,0.72);--white-80:rgba(255,255,255,0.8);--white-85:rgba(255,255,255,0.85);--white-95:rgba(255,255,255,0.95)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cline x1='0' y1='27.5' x2='28' y2='27.5' stroke='%23c4b5a0' stroke-width='0.4'/%3E%3Cline x1='27.5' y1='0' x2='27.5' y2='28' stroke='%23c4b5a0' stroke-width='0.4'/%3E%3C/svg%3E") repeat,radial-gradient(circle at 15% -5%,rgba(184,92,56,.15),transparent 30%),radial-gradient(circle at 85% 5%,rgba(46,111,104,.14),transparent 32%),radial-gradient(circle at 50% 80%,rgba(184,92,56,.06),transparent 40%),linear-gradient(180deg,#f8f3ea,#f3ecde);color:var(--ink);font-family:Georgia,Times New Roman,serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.shell{width:min(1120px,calc(100vw - 32px));margin:0 auto}.workspace-main{padding:32px 0 72px}.panel{background:rgba(255,250,242,.88);border:1px solid var(--line);box-shadow:var(--shadow-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .3s var(--ease-out-expo)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent-2);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-pill);padding:12px 18px;cursor:pointer;transition:transform .2s var(--ease-spring),opacity .16s ease,box-shadow .2s var(--ease-out-expo),background .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 2px 10px rgba(56,39,28,.1)}.button:active{transform:translateY(0) scale(.98);box-shadow:none;transition-duration:80ms}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button.primary{background:var(--ink);color:white}.button.primary:hover{background:#2a2420}.button.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-pill);border:1px solid var(--line);padding:6px 12px;background:var(--white-60);color:var(--muted);transition:background .2s var(--ease-out-expo),border-color .2s var(--ease-out-expo),transform .2s var(--ease-out-expo),box-shadow .2s var(--ease-out-expo);cursor:default}a.pill,button.pill{cursor:pointer}a.pill:hover,button.pill:hover{background:rgba(255,255,255,.9);border-color:var(--ink-22);transform:translateY(-1px);box-shadow:0 2px 8px rgba(56,39,28,.08)}a.pill:active,button.pill:active{transform:translateY(0);box-shadow:none}.field-label,.muted-copy{color:var(--muted)}.field-label{margin-bottom:6px;font-size:14px;letter-spacing:.01em}.mobile-only{display:none!important}.error-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px 0}.error-card{text-align:center;border-radius:28px;padding:48px 40px;max-width:440px;width:100%;animation:fadeInUp .5s var(--ease-out-expo) both}.error-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:rgba(140,47,57,.1);color:var(--danger);font-weight:700;font-size:24px;margin-bottom:16px}.error-code{font-size:56px;font-weight:700;line-height:1;color:var(--accent);letter-spacing:-.03em;margin-bottom:8px}.error-heading{font-size:22px;margin:0 0 8px;letter-spacing:-.01em}.error-body{color:var(--muted);margin:0 0 24px;line-height:1.5;font-size:15px}.error-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.readonly-banner{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:12px;background:rgba(184,92,56,.1);border:1px solid rgba(184,92,56,.2);color:var(--ink);font-size:13px;line-height:1.4;animation:fadeIn .4s ease both}.readonly-banner-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.7}@media (max-width:900px){body,html{background:radial-gradient(circle at 15% -5%,rgba(184,92,56,.15),transparent 30%),radial-gradient(circle at 85% 5%,rgba(46,111,104,.14),transparent 32%),radial-gradient(circle at 50% 80%,rgba(184,92,56,.06),transparent 40%),linear-gradient(180deg,#f8f3ea,#f3ecde)}.desktop-only{display:none!important}.mobile-only{display:flex!important}}