:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef4f2;--bg-strong:#e2ece8;--surface:#ffffffd1;--surface-strong:#fffffff5;--surface-soft:#f7fbfa;--surface-ink:#eff6f3;--text:#10231d;--text-strong:#07130f;--muted:#49635c;--border:#5f7a7138;--border-strong:#1c463a29;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#d8f6ef;--accent-ink:#0d4d48;--warn:#b86d17;--warn-soft:#fff4df;--danger:#b42318;--danger-soft:#fff1ef;--ok:#166534;--shadow-lg:0 28px 60px #10231d1f;--shadow-md:0 18px 40px #10231d14;--shadow-sm:0 10px 24px #10231d0d}*{box-sizing:border-box}html{scroll-behavior:smooth;line-break:strict}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0% 0%,#0f766e1f,transparent 28%),radial-gradient(circle at 100% 0%,#be740f1f,transparent 26%),linear-gradient(180deg,#f5faf8 0%,var(--bg)45%,var(--bg-strong)100%);word-break:normal;margin:0;font-family:Segoe UI Variable Text,BIZ UDPGothic,Noto Sans JP,Hiragino Sans,system-ui,sans-serif;position:relative;overflow-x:hidden}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell-immersive{height:100dvh;min-height:100dvh}.app-main{flex:auto;min-height:0;padding-bottom:32px}.app-main-immersive{padding-bottom:0;display:flex}.site-footer{margin-top:24px;padding:0 0 28px}.site-footer-inner{border-top:1px solid #5f7a7129;width:min(1180px,100% - 32px);margin:0 auto;padding:20px 22px}.site-footer-grid{grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,.9fr));align-items:start;gap:18px;display:grid}.site-footer-column{gap:10px;display:grid}.site-footer-column h2{letter-spacing:.04em;text-transform:uppercase;font-size:.92rem}.site-footer-links{gap:8px;display:grid}.site-footer-links a{color:var(--muted);font-weight:600}.site-footer-links a:hover{color:var(--accent-strong)}.global-nav{z-index:120;-webkit-backdrop-filter:blur(20px);background:#f5faf8d1;border-bottom:1px solid #5f7a7129;position:sticky;top:0}.global-nav-inner{justify-content:space-between;align-items:center;gap:12px;width:min(1180px,100% - 32px);margin:0 auto;padding:10px 0;display:flex}.global-nav-links{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.global-nav-brand{min-width:0}.global-nav-user{text-overflow:ellipsis;white-space:nowrap;max-width:240px;color:var(--muted);font-size:.92rem;font-weight:700;overflow:hidden}body:before,body:after{content:"";pointer-events:none;filter:blur(18px);opacity:.6;border-radius:999px;position:fixed;inset:auto}body:before{background:#0f766e14;width:300px;height:300px;top:72px;left:-120px}body:after{background:#b86d1714;width:260px;height:260px;bottom:120px;right:-100px}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p,ul{margin:0}h1,h2,h3,h4{color:var(--text-strong);text-wrap:balance;overflow-wrap:break-word;font-family:Segoe UI Variable Display,Yu Gothic UI,BIZ UDPGothic,sans-serif}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.76rem;font-weight:800}.lead{color:#1f3a32;text-wrap:pretty;overflow-wrap:break-word;max-width:56rem;font-size:1.08rem;line-height:1.9}p,li,dd,dt,summary,label,figcaption,.muted,.composer-summary-text,.result-note,.message-card,.help-list,.auth-board-main p,.status-tile,.feature-item{text-wrap:pretty;overflow-wrap:break-word;word-break:normal}.section-title{letter-spacing:-.02em;font-size:1.22rem;line-height:1.3}.section-title-lg{font-size:1.48rem}.section-heading{flex-direction:column;gap:6px;display:flex}.container{width:min(1180px,100% - 32px);margin:24px auto 56px}.landing-shell{flex-direction:column;gap:18px;display:flex}.landing-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.9fr);align-items:start;gap:24px;display:grid}.landing-note-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.landing-note-card{background:#ffffffb8;border:1px solid #5f7a712e;border-radius:24px;flex-direction:column;gap:10px;padding:20px 22px;display:flex}.landing-note-card strong{letter-spacing:-.02em;font-size:1.12rem}.landing-note-list{flex-wrap:wrap;gap:8px;display:flex}.landing-note-list span{min-height:34px;color:var(--muted);background:#f7fbfaf5;border-radius:999px;align-items:center;padding:8px 12px;font-size:.92rem;font-weight:700;display:inline-flex}.sidebar-stack{position:sticky;top:20px}.card{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md);border-radius:28px;flex-direction:column;gap:14px;padding:24px;display:flex;position:relative}.hero-surface{-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#ffffffeb,#f4fcf9d1),#ffffffb8;border:1px solid #115e591f;border-radius:34px;padding:24px;position:relative;overflow:hidden}.utility-strip{z-index:1;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex;position:relative}.utility-actions,.dashboard-brand{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.site-brand{min-width:0;color:var(--text-strong);align-items:center;gap:10px;display:inline-flex}.site-brand:hover{text-decoration:none}.site-brand-mark{object-fit:contain;flex:none;width:auto;max-width:min(100%,104px);height:36px;display:block}.site-brand-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.site-brand-copy strong{letter-spacing:-.02em;color:var(--text-strong);font-size:.98rem;line-height:1.15}.site-brand-copy span{color:var(--muted);font-size:.82rem;font-weight:700}.utility-user{margin-right:6px}.utility-link{width:auto;color:var(--accent-ink);white-space:nowrap;align-items:center;font-size:.96rem;font-weight:700;display:inline-flex}.utility-link:hover{color:var(--accent-strong);text-decoration:none}.utility-link-button,.inline-help-button{width:auto;color:var(--accent-ink);box-shadow:none;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0;font-size:.96rem;font-weight:700}.utility-link-button:not(:disabled):hover,.inline-help-button:not(:disabled):hover{box-shadow:none;color:var(--accent-strong);text-decoration:underline;transform:none}.inline-help-button{font-size:inherit}.hero-surface:before{content:"";background:radial-gradient(circle,#0f766e24,#0000 70%);border-radius:999px;width:280px;height:280px;position:absolute;inset:auto -72px -72px auto}.hero-surface:after{content:"";background:radial-gradient(circle,#b86d171a,#0000 72%);border-radius:999px;width:180px;height:180px;position:absolute;inset:28px 28px auto auto}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(220px,.58fr);align-items:center;gap:14px;display:grid;position:relative}.landing-hero{border-radius:32px;padding:20px 22px}.hero-copy-compact{gap:14px}.hero-copy h1{letter-spacing:-.03em;max-width:none;font-size:clamp(2rem,4.1vw,3.25rem);line-height:1.02}.landing-hero-copy h1{max-width:none}.landing-hero-copy .lead{max-width:38rem;font-size:1.14rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-link-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border-radius:16px;justify-content:center;align-items:center;min-width:196px;padding:12px 20px;font-weight:800;display:inline-flex;box-shadow:0 18px 28px #115e592e}.hero-link-button:hover{text-decoration:none;transform:translateY(-1px)}.hero-visual-board{align-content:start;gap:14px;min-height:100%;display:grid;position:relative}.hero-visual-card{z-index:1;background:#ffffffd6;border:1px solid #115e591f;border-radius:24px;flex-direction:column;gap:10px;padding:18px;display:flex;position:relative;box-shadow:0 18px 32px #10231d14}.hero-visual-card-primary{background:linear-gradient(135deg,#0f766e14,#ffffffeb),#ffffffe6}.hero-code-preview{color:#ecfeff;white-space:pre-wrap;background:#10231df0;border-radius:18px;margin:0;padding:14px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.95rem;line-height:1.6}.hero-url-stack{gap:10px;display:grid}.hero-url-pill{width:fit-content;max-width:100%;color:var(--accent-ink);background:#f4fcf9f0;border:1px solid #115e591f;border-radius:999px;padding:10px 14px;font-weight:700;display:inline-flex}.hero-visual-glow{filter:blur(6px);border-radius:999px;position:absolute}.hero-visual-glow-a{background:radial-gradient(circle,#0f766e2e,#0000 72%);width:180px;height:180px;inset:auto -20px 10px auto}.hero-visual-glow-b{background:radial-gradient(circle,#b86d172e,#0000 72%);width:120px;height:120px;inset:30px auto auto -10px}.hero-badges,.chips,.result-meta{flex-wrap:wrap;gap:8px;display:flex}.hero-inline-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hero-meta-line{color:var(--muted);text-wrap:pretty;flex-wrap:wrap;gap:8px 14px;font-size:.92rem;font-weight:700;display:flex}.hero-meta-line span{position:relative}.hero-meta-line span:not(:last-child):after{content:"·";color:#5f7a7180;margin-left:18px}.metric-pill{background:#fafffdc2;border:1px solid #115e591f;border-radius:18px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.metric-pill strong{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.84rem}.metric-pill span{font-size:.98rem;font-weight:700}.hero-sidecard,.side-card,.note-card{background:#ffffffe0}.hero-sidecard{justify-content:space-between;min-height:100%}.hero-side-header{flex-direction:column;gap:8px;display:flex}.hero-step-list{gap:12px;display:grid}.hero-step-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:20px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px;display:grid}.hero-step-index{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;letter-spacing:.06em;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:800;display:inline-flex}.badge{min-height:34px;color:var(--accent-ink);white-space:nowrap;background:#f2fbf8f5;border:1px solid #115e5924;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.badge-strong{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:#0000}.badge-soft{color:#8a4f07;background:#fff8e7f5;border-color:#b86d172e}.feature-list{gap:10px}.feature-item{border:1px solid var(--border);background:#f8fbfaf0;border-radius:20px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.feature-item-compact{padding:16px 18px}.note-card-emphasis{background:linear-gradient(180deg,#f3fcf8fa,#fff9edeb),var(--surface-strong)}.stack{flex-direction:column;gap:8px;display:flex}.stack-gap-sm{gap:6px}.stack-gap-lg{gap:18px}.muted{color:var(--muted);font-size:.96rem;line-height:1.7}.error{color:var(--danger);font-weight:700}.ok{color:var(--ok);font-weight:700}input,select,textarea,button{border-radius:16px;width:100%;font-size:1rem}input,select,textarea{color:var(--text);background:#fffffff0;border:1px solid #5f7a714d;padding:14px 16px;transition:border-color .14s,box-shadow .14s,background .14s}input:hover,select:hover,textarea:hover{border-color:#115e594d}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#0f766ed6;outline:none;box-shadow:0 0 0 4px #0f766e1f}textarea{resize:vertical;min-height:360px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;line-height:1.6}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:0;padding:14px 18px;font-weight:800;transition:transform .14s,box-shadow .14s,opacity .14s;box-shadow:0 16px 28px #115e592e}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 20px 30px #115e5938}button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}button.danger{background:linear-gradient(135deg,#d92d20,#b42318)}.chip{width:auto;color:var(--accent-ink);box-shadow:none;white-space:nowrap;background:#f2fbf8f5;border:1px solid #115e5924;border-radius:999px;justify-content:center;align-items:center;padding:9px 14px;font-size:.92rem;font-weight:800;display:inline-flex}.chip-strong{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:#0000}.chip:not(:disabled):hover{box-shadow:none;background:var(--accent-soft);transform:none}.inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-composer{background:linear-gradient(180deg,#fffffff5,#f5fbf8eb),var(--surface);border-radius:30px;gap:20px;padding:28px}.auth-card{max-width:none;margin-inline:0}.auth-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,.82fr);align-items:start;gap:24px;display:grid}.auth-promo{gap:18px}.auth-promo-panel{padding:30px}.auth-title{max-width:11ch}.auth-lead,.composer-lead{max-width:42rem}.composer-lead{max-width:none}.auth-board{gap:16px;display:grid}.auth-board-main{color:#f2fffb;background:linear-gradient(135deg,#0e2723fa,#16453ff0),#0e2723f0;border-radius:24px;flex-direction:column;gap:10px;padding:20px;display:flex}.auth-board-main strong{letter-spacing:-.03em;font-size:1.3rem}.auth-board-main p{color:#ecfcf6d1;margin:0;line-height:1.75}.auth-visual{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.auth-visual-card{border:1px solid var(--border);background:#f7fbfaf0;border-radius:22px;flex-direction:column;gap:8px;padding:18px;display:flex}.auth-visual-card strong{letter-spacing:-.02em;font-size:1.05rem}.auth-visual-card-accent{background:linear-gradient(#f0fdfafa,#fffffff5),#f7fbfaf0;border-color:#115e5929}.auth-form-panel{background:linear-gradient(#fffffff7,#f7fcfaeb),#ffffffeb;gap:18px;padding:28px}.auth-form-note{max-width:28rem}.auth-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.help-shell{gap:20px}.help-hero,.help-card{padding:26px 28px}.help-lead{max-width:44rem}.legal-shell{flex-direction:column;gap:20px;display:flex}.legal-hero{flex-direction:column;gap:12px;display:flex}.legal-lead{max-width:52rem}.legal-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.92rem;font-weight:700;display:flex}.legal-card{flex-direction:column;gap:12px;display:flex}.contact-form{gap:14px;display:grid}.field-help{color:var(--muted);font-size:.84rem;line-height:1.5}.required-mark{color:#c2410c;font-weight:800}.contact-honey{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.status-note{border-radius:16px;padding:12px 14px;font-size:.94rem;font-weight:600}.status-note-ok{color:#14532d;background:#16653414;border:1px solid #16653424}.status-note-error{color:#9f1239;background:#b4231814;border:1px solid #b4231824}.legal-list{gap:10px;padding-left:1.2rem;display:grid}.legal-definition-list{gap:14px;display:grid}.legal-definition-list div{gap:4px;display:grid}.legal-definition-list dt{color:var(--muted);font-size:.88rem;font-weight:800}.legal-definition-list dd{margin:0}.legal-notice{background:linear-gradient(#e9f8f4f5,#f7fcfaf5),#ffffffe0;border-color:#0f766e2e}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06100d6b;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0}.modal-panel{width:min(960px,100%);max-height:calc(100vh - 80px);box-shadow:var(--shadow-lg);background:linear-gradient(#fffffffa,#f6fbf9f5),#fffffffa;border:1px solid #5f7a7138;border-radius:28px;padding:24px;overflow:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-close-button{width:auto;color:var(--accent-ink);box-shadow:none;background:#f8fbfaf5;border:1px solid #115e5924;border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:700}.modal-close-button:not(:disabled):hover{box-shadow:none;background:var(--accent-soft);transform:none}.modal-body{flex-direction:column;gap:18px;display:flex}.help-list{color:var(--text);flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.help-list-ordered{color:var(--text-strong)}.composer-intro{flex-direction:column;gap:10px;display:flex}.composer-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.composer-summary-text{color:var(--muted);font-size:.95rem;line-height:1.7}.sample-switches{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.sample-preset-button{width:auto;color:var(--accent-ink);box-shadow:none;background:#f8fbfaf5;border:1px solid #115e5929;border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:700}.sample-preset-button:not(:disabled):hover{box-shadow:none;background:var(--accent-soft);color:var(--accent-strong);transform:none}.composer-workspace{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:start;gap:16px;display:grid}.mode-card-grid{gap:12px;display:grid}.composer-status-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.status-tile{border:1px solid var(--border);background:linear-gradient(#ffffffeb,#f8fbfaeb);border-radius:20px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.status-tile strong{letter-spacing:-.02em;font-size:1.08rem}.status-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);white-space:nowrap;font-size:.76rem;font-weight:800}.composer-panel{border:1px solid var(--border);background:#ffffffad;border-radius:24px;flex-direction:column;gap:16px;padding:18px;display:flex}.composer-panel-side{position:sticky;top:20px}.composer-panel-emphasis{background:linear-gradient(135deg,#f0fdfafa,#fff7e8eb);border:1px solid #115e591f;border-radius:20px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.editor-panel{background:linear-gradient(#ffffffd6,#f5f9f8db),#ffffffc2}.editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.editor-title-inline{white-space:nowrap;font-size:1.08rem}.editor-heading-actions{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.editor-field{gap:12px}.editor-help-details{background:#f8fcfbe6;border:1px solid #6795892e;border-radius:16px}.editor-help-details summary{cursor:pointer;color:var(--accent-ink);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.94rem;font-weight:700;list-style:none;display:flex}.editor-help-details summary::-webkit-details-marker{display:none}.editor-help-details summary:after{content:"＋";font-size:1rem;line-height:1}.editor-help-details[open] summary:after{content:"−"}.editor-help-list{gap:8px;padding:0 14px 14px;display:grid}.editor-panel textarea{color:#e9fcf7;background:linear-gradient(#0c1c18fa,#112823f5),#0c1c18fa;border-color:#67958933;min-height:480px;box-shadow:inset 0 1px #ffffff0f}.editor-panel textarea:hover{border-color:#85c4b657}.editor-panel textarea:focus-visible{border-color:#52bea9c7;box-shadow:0 0 0 4px #0f766e1f}.form-grid-single{grid-template-columns:1fr}.source-path-list{flex-wrap:wrap;gap:8px;display:flex}.source-guide{border:1px solid var(--border);background:#f7fbfaf0;border-radius:20px;padding:16px 18px}.source-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.source-guide-card{flex-direction:column;gap:12px;display:flex}.source-warning{color:#9a3412}.mode-choice-card{border:1px solid var(--border);background:#f7fbfaf0;border-radius:20px;padding:16px 18px}.mode-switch{gap:10px}.composer-submit-block{flex-direction:column;gap:10px;padding-top:4px;display:flex}.composer-submit-block .primary-button{width:100%;min-width:0}.dashboard-header,.dashboard-list-header,.dashboard-share-main,.dashboard-share-links,.dashboard-actions{gap:12px;display:flex}.dashboard-header,.dashboard-list-header,.dashboard-share-main{justify-content:space-between;align-items:flex-start}.dashboard-actions,.dashboard-share-links{flex-wrap:wrap;align-items:center}.dashboard-share-list{flex-direction:column;gap:12px;display:flex}.dashboard-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboard-summary-card{border:1px solid var(--border);background:#f8fbfaf0;border-radius:22px;flex-direction:column;gap:8px;padding:18px;display:flex}.dashboard-summary-card strong{letter-spacing:-.04em;font-size:1.8rem}.dashboard-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.dashboard-toolbar-search{flex:320px}.dashboard-toolbar-actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.dashboard-inline-meta{flex-wrap:wrap;gap:8px;display:flex}.dashboard-share-table{gap:16px;padding:20px}.dashboard-share-table-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-share-table-body{flex-direction:column;gap:12px;display:flex}.dashboard-share-row{border:1px solid var(--border);background:#f8fbfaf0;border-radius:22px;justify-content:space-between;gap:18px;padding:18px;display:flex}.dashboard-share-row-main{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;min-width:0;display:grid}.dashboard-row-check{padding-top:4px}.dashboard-share-row-copy{min-width:0}.dashboard-share-row-actions{flex-wrap:wrap;place-content:start flex-end;gap:8px;min-width:280px;display:flex}.dashboard-title-edit{flex-direction:column;gap:10px;display:flex}.danger-chip{color:var(--danger);background:#fff1eff5;border-color:#b423182e}.danger-chip:not(:disabled):hover{background:#ffe5e2f5}.dashboard-share-card{border:1px solid var(--border);background:#f8fbfaf0;border-radius:22px;flex-direction:column;gap:14px;padding:18px;display:flex}.primary-button{width:auto;min-width:220px}.result-panel{background:linear-gradient(#f6fefbfa,#fffffff0);border:1px solid #115e5924;border-radius:24px;flex-direction:column;gap:16px;padding:20px;display:flex}.result-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.result-meta-chip{min-height:32px;color:var(--accent-ink);white-space:nowrap;background:#ffffffe6;border:1px solid #115e591f;border-radius:999px;align-items:center;padding:6px 10px;font-size:.84rem;font-weight:700;display:inline-flex}.result-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.result-card{background:#f1fcf8e0;border:1px solid #115e5924;border-radius:22px;flex-direction:column;gap:10px;padding:18px;display:flex}.result-card.manage{background:#fff7e8eb;border-color:#b86d1733}.result-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);white-space:nowrap;font-size:.76rem;font-weight:800}.result-card.manage .result-label{color:#8a4f07}.result-url{overflow-wrap:anywhere;word-break:break-all}.result-note,.message-card{border:1px solid var(--border);border-radius:18px;padding:14px 16px}.result-note{color:var(--muted);background:#ffffffdb;line-height:1.7}.message-card{background:#ffffffe0;flex-direction:column;gap:10px;display:flex}.message-card-error{background:var(--danger-soft);border-color:#b423182e}.plain-list{color:var(--danger);flex-direction:column;gap:6px;padding-left:20px;display:flex}.divider{border:0;border-top:1px solid var(--border);width:100%;margin:4px 0}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{border:1px solid var(--border);background:#fffffff5;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex}.inline-check{align-items:flex-start;gap:10px;display:flex}.inline-check input{width:18px;min-width:18px;height:18px;margin-top:3px}.plain-pre{border:1px solid var(--border);background:var(--surface-soft);white-space:pre-wrap;border-radius:14px;margin:0;padding:12px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}.viewer iframe{background:#fff;border:1px solid #5f7a7159;border-radius:14px;width:100%;min-height:70vh}code{background:#10231d0f;border-radius:8px;padding:2px 6px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}.workspace-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:16px;display:grid}.workspace-nav{position:sticky;top:16px}.workspace-tab-list{flex-direction:column;gap:8px;display:flex}.workspace-tab{text-align:left;border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);border-radius:16px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.workspace-tab strong{font-size:.95rem}.workspace-tab span{color:var(--muted);font-size:.8rem;font-weight:500}.workspace-tab.active{background:#f0fdfaeb;border-color:#115e5942}.workspace-content{min-width:0}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.workspace-shortcut{text-align:left;border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.workspace-shortcut:hover{background:#f0fdfad1;border-color:#115e593d}.workspace-shortcut strong{font-size:1rem}.form-header{gap:6px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}details>summary{cursor:pointer}.expand-body{margin-top:10px}.share-fullscreen{background:#fff;flex-direction:column;flex:auto;min-height:0;display:flex}.share-toolbar{border-bottom:1px solid var(--border);background:#f7fbfaf5;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex}.share-fullscreen>.share-toolbar:first-child{border-top:0}.share-toolbar-brand{opacity:.7;flex-shrink:0;place-items:center;transition:opacity .2s;display:grid}.share-toolbar-brand:hover{opacity:1}.share-toolbar-brand-img{width:auto;height:20px}.share-toolbar-copy{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.share-toolbar-copy .eyebrow{display:none}.share-toolbar-copy h1{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.share-toolbar-link{flex-shrink:0;padding:6px 12px;font-size:.82rem}.share-state-banner{border-bottom:1px solid var(--border);background:#f5fbf9f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.share-state-banner-copy{flex:420px;align-items:center;gap:10px;min-width:0;display:flex}.share-state-banner-copy .muted{margin:0}.share-state-banner-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.share-state-indicator{color:var(--muted);font-size:.9rem;font-weight:700}.share-fullscreen-content{background:#fff;flex-direction:column;flex:auto;min-height:0;display:flex}.share-fullscreen-content:fullscreen{background:#fff}.share-fullscreen-frame{border:0;flex:auto;width:100%;min-height:0}.sandpack-share-wrapper{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.sandpack-share-wrapper .sp-wrapper{flex-direction:column;flex:auto;min-height:0;display:flex}.sandpack-share-wrapper .sp-layout{border:0;border-radius:0;flex:auto;min-height:0}.sandpack-share-wrapper .sp-preview{flex:auto;min-height:0}.sandpack-share-wrapper .sp-preview iframe{height:100%}.sandpack-share-pane{flex:auto;height:100%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.legal-reference-notice{background:var(--warn-soft);color:var(--warn);border:1px solid #b86d1726;border-radius:10px;padding:12px 16px;font-size:.88rem;line-height:1.6}.global-nav-brand-row{flex-shrink:0;align-items:center;gap:8px;display:flex}.locale-select{border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:6px;flex-shrink:0;width:auto;padding:4px 6px;font-size:.72rem}.dashboard-compact-stats{flex-wrap:wrap;gap:8px;display:flex}.dashboard-stat-chip{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:6px 12px;font-size:.85rem}.dashboard-stat-chip strong{color:var(--text-strong);font-size:1rem}.dashboard-stat-warn{background:var(--warn-soft);color:var(--warn);border-color:#b86d1726}.dashboard-stat-warn strong{color:var(--warn)}.dashboard-share-title-row{align-items:center;gap:8px;display:flex}.dashboard-share-details{margin-top:2px}.dashboard-share-details summary{color:var(--muted);cursor:pointer;font-size:.78rem}.dashboard-share-details .result-meta{margin-top:6px}.admin-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:14px 0;display:flex}.admin-nav-title{color:var(--accent);margin-right:auto;font-size:1rem}.admin-nav-links{flex-wrap:wrap;gap:6px;display:flex}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.admin-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.admin-table tr:hover td{background:var(--surface-soft)}.admin-stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:18px;display:grid}.admin-stat{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:4px;padding:18px;display:grid}.admin-stat-val{color:var(--accent);font-size:1.5rem;font-weight:800}.admin-stat-label{color:var(--muted);font-size:.78rem;font-weight:600}.admin-share-preview{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-height:600px;padding:18px;overflow:auto}@media (max-width:1080px){.landing-grid,.hero-grid,.composer-workspace,.workspace-layout,.auth-layout{grid-template-columns:1fr}.site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-stack,.composer-panel-side,.workspace-nav{position:static}.auth-form-panel{order:-1}.auth-title,.auth-form-note{max-width:none}.auth-visual,.hero-inline-metrics,.dashboard-summary-grid,.composer-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.global-nav-inner{flex-direction:column;align-items:stretch;gap:8px;width:calc(100% - 20px);padding:7px 0}.global-nav-brand{align-self:flex-start}.global-nav-links{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:100%;padding-bottom:4px;overflow-x:auto}.global-nav-links::-webkit-scrollbar{display:none}.global-nav-user{white-space:normal;flex:none;max-width:none;overflow:visible}.site-brand{gap:8px}.site-brand-mark{max-width:72px;height:24px}.site-brand-copy strong{font-size:.88rem}.container{width:calc(100% - 20px);margin:14px auto 28px}.site-footer-inner{width:calc(100% - 20px);padding:18px 0 0}.site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.site-footer-column:first-child,.site-footer-column:last-child{grid-column:1/-1}.card,.hero-surface{border-radius:22px;padding:16px}.landing-hero{padding:14px}.hero-copy h1{max-width:none;font-size:1.72rem}.hero-copy-compact,.hero-grid{gap:10px}.editor-title-inline{white-space:nowrap;font-size:.92rem}.lead{font-size:1rem}.composer-lead{max-width:none;font-size:.94rem;line-height:1.65}.hero-inline-metrics,.auth-visual,.landing-note-strip,.composer-status-grid,.auth-mode-grid,.help-grid,.source-guide-grid,.form-grid,.result-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.composer-toolbar{gap:10px}.composer-summary-text{width:100%;font-size:.9rem;line-height:1.55}.sample-switches{scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.sample-switches::-webkit-scrollbar{display:none}.sample-preset-button{flex:none;padding:7px 11px;font-size:.84rem}.editor-heading,.modal-header,.result-header,.dashboard-header,.dashboard-list-header,.dashboard-share-main,.dashboard-toolbar,.dashboard-share-row{flex-direction:column;align-items:stretch}.editor-heading{gap:10px}.editor-heading-actions{justify-content:space-between;gap:6px;width:100%}.dashboard-toolbar-search,.dashboard-toolbar-actions,.dashboard-toolbar-actions>label{flex-basis:auto;width:100%}.dashboard-toolbar-actions{flex-direction:column;align-items:stretch;gap:10px}.dashboard-toolbar-actions .chip{justify-content:center;width:100%}.utility-strip{flex-wrap:wrap;justify-content:flex-start}.utility-actions,.dashboard-brand,.share-toolbar{width:100%}.share-toolbar{gap:6px;padding:5px 8px}.share-toolbar-link{padding:5px 10px;font-size:.78rem}.primary-button,.hero-link-button{width:100%;min-width:0}.share-state-banner-copy,.share-state-banner-actions{width:100%}.share-state-banner-actions{justify-content:space-between}.modal-backdrop{align-items:stretch;padding:18px 12px}.modal-panel{max-height:none;padding:18px}.share-composer{gap:16px;padding:18px}.composer-panel{border-radius:20px;gap:14px;padding:15px}.editor-panel textarea{min-height:300px;font-size:.92rem}.editor-help-details summary{padding:10px 12px;font-size:.9rem}.editor-help-list{padding:0 12px 12px}.result-panel,.result-card,.dashboard-share-card,.dashboard-share-row{border-radius:20px;padding:16px}.share-toolbar-copy h1{font-size:.85rem}.share-state-banner{padding:10px 12px}.auth-form-panel{padding:20px}.auth-promo-panel{gap:14px}.workspace-tab-list{flex-direction:row;padding-bottom:2px;overflow-x:auto}.workspace-tab{width:220px;min-width:220px}.dashboard-share-row-main{grid-template-columns:1fr}.dashboard-row-check{padding-top:0}.dashboard-share-row-actions{justify-content:flex-start;min-width:0}}@media (max-width:420px){.chip{padding:8px 12px;font-size:.84rem}.hero-copy h1{font-size:1.58rem}.hero-meta-line{gap:4px 10px;font-size:.82rem}.hero-meta-line span:not(:last-child):after{margin-left:10px}.editor-heading-actions .muted{font-size:.82rem}.editor-title-inline{font-size:.88rem}.site-footer-grid{grid-template-columns:1fr}.site-footer-column:first-child,.site-footer-column:last-child{grid-column:auto}}