:root{--paper:#e9e3d7;--surface:#f7f4ed;--surface-strong:#fffdf8;--ink:#27231e;--muted:#776f64;--faint:#9f9689;--line:#372d2324;--line-strong:#372d233d;--accent:#ad5133;--accent-dark:#763921;--accent-wash:#f0d8c6;--olive-wash:#dbe5d5;--purple-wash:#e7ddf0;--radius-panel:18px;--radius-control:10px;--shadow-soft:0 18px 55px #4532221a}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(circle at 10% 0%, #ffffff8f, transparent 30rem), var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}.page-shell{width:min(100% - 40px,1640px);margin:0 auto;padding:28px 0 54px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:64px;display:flex}.brand-lockup,.topbar-meta,.creator-name-row,.card-topline,.field-footer,.log-row,.range-heading,.range-labels,.card-stage-heading,.progress-readout{align-items:center;display:flex}.brand-lockup{gap:12px}.brand-mark{color:#fffaf1;background:var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:18px;display:grid}.brand-name,.brand-subtitle{margin:0}.brand-name{letter-spacing:.03em;font-size:13px;font-weight:700}.brand-subtitle{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.topbar-meta{color:var(--muted);gap:18px;font-size:12px}.mode-chip,.ready-chip,.status-label{color:var(--accent-dark);background:var(--accent-wash);letter-spacing:.12em;border:1px solid #76392147;border-radius:999px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.mode-chip.mode-ready,.mode-chip.mode-live{color:#3b6335;background:var(--olive-wash);border-color:#4067373d}.mode-chip.mode-error{color:#624389;background:var(--purple-wash);border-color:#6748893d}.rules-link{color:var(--accent-dark);font-size:12px;font-weight:700;text-decoration:none}.rules-link:hover{text-underline-offset:4px;text-decoration:underline}.reset-button,.icon-text-button{color:var(--accent-dark);background:0 0;border:0;padding:6px 0;font-size:12px;font-weight:700}.reset-button:hover,.icon-text-button:hover{text-decoration:underline}.board-heading{justify-content:space-between;align-items:end;gap:40px;padding:58px 0 32px;display:flex}.eyebrow{color:var(--accent-dark);letter-spacing:.14em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;display:block}.board-heading h1{letter-spacing:-.055em;max-width:720px;margin:12px 0;font-size:clamp(32px,4vw,58px);font-weight:720;line-height:1.02}.board-heading p{max-width:620px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.progress-readout{width:220px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding-bottom:4px;font-size:11px}.progress-readout strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:23px}.progress-line{background:#372d231f;border-radius:999px;flex-basis:100%;height:4px;overflow:hidden}.progress-line span{border-radius:inherit;background:var(--accent);height:100%;transition:width .28s;display:block}.board-grid{grid-template-columns:238px minmax(0,1fr) 292px;align-items:start;gap:14px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-soft);background:#f7f4eddb}.steps-panel,.data-panel{padding:18px;position:sticky;top:18px}.panel-heading,.workspace-header{justify-content:space-between;align-items:start;gap:14px;display:flex}.panel-heading h2,.workspace-header h2{letter-spacing:-.02em;margin:7px 0 0;font-size:16px}.step-count{color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.step-list{gap:6px;margin-top:24px;display:grid}.step-item{border-radius:var(--radius-control);width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:27px 1fr;gap:2px 9px;padding:11px 9px;transition:background .18s,border-color .18s,transform .18s;display:grid}.step-item:not(:disabled):hover{border-color:var(--line);background:#fffdf8b3;transform:translate(2px)}.step-item.is-active{background:var(--accent-wash);color:var(--ink);border-color:#ad513373}.step-item.is-done .step-index{color:var(--accent-dark)}.step-index{color:var(--faint);grid-row:1/span 2;padding-top:1px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.step-copy{min-width:0;display:block}.step-copy strong{color:inherit;font-size:12px;display:block}.step-copy small{color:var(--faint);margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:block}.step-status{color:var(--faint);grid-column:2;font-size:9px}.step-item.is-active .step-status{color:var(--accent-dark)}.panel-note{border-top:1px solid var(--line);margin-top:22px;padding:12px}.note-key{color:var(--accent-dark);letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.panel-note p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.55}.workspace{min-width:0;overflow:hidden}.workspace-header{border-bottom:1px solid var(--line);background:#fffdf873;padding:18px 22px}.status-label{background:var(--olive-wash);color:#3b6335;border-color:#4067373d;padding:5px 8px}.status-label.is-busy{background:var(--purple-wash);color:#624389;border-color:#6748893d}.stage-content{min-height:655px;padding:32px}.compact-stage{max-width:720px;margin:0 auto}.stage-intro{max-width:650px}.stage-intro h2{letter-spacing:-.05em;margin:13px 0 9px;font-size:clamp(28px,4vw,44px);line-height:1.07}.stage-intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.option-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.direction-grid{margin-top:34px}.choice-card,.visual-card{border:1px solid var(--line);border-radius:var(--radius-control);min-height:140px;color:var(--ink);text-align:left;background:#fffdf88c;padding:16px;transition:transform .18s,border-color .18s,background .18s}.choice-card:hover,.visual-card:hover{border-color:var(--accent);transform:translateY(-2px)}.choice-card.is-selected,.visual-card.is-selected{border-color:var(--accent);background:var(--accent-wash);box-shadow:inset 0 0 0 1px #ad51332e}.choice-kicker{color:var(--accent-dark);letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:block}.choice-card strong,.visual-card strong{margin:20px 0 5px;font-size:21px;display:block}.choice-card>span:last-child,.visual-card>span:last-child{color:var(--muted);font-size:11px;line-height:1.4;display:block}.custom-direction{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin-top:18px;padding:14px 0 28px;display:grid}.custom-direction label{color:var(--ink);font-size:12px;font-weight:700}.custom-direction input{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fffdf8b8;border-radius:8px;outline:none;padding:9px 11px}.custom-direction input:focus,.profile-grid input:focus,.story-field:focus,.meaning-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ad513321}.custom-direction span{color:var(--faint);grid-column:2;font-size:10px}.primary-button,.secondary-button{border-radius:9px;min-height:46px;padding:0 17px;font-size:12px;font-weight:700;transition:transform .15s,background .15s,border-color .15s}.primary-button{border:1px solid var(--accent);color:#fffaf1;background:var(--accent)}.primary-button:hover{background:var(--accent-dark);transform:translateY(-1px)}.primary-button:active,.secondary-button:active{transform:scale(.98)}.stage-content>.primary-button,.compact-stage>.primary-button{margin-top:26px}.context-callout{border-left:3px solid var(--accent);color:var(--accent-dark);background:var(--accent-wash);border-radius:0 8px 8px 0;margin:28px 0 22px;padding:13px 15px;font-size:12px}.field-label{margin-bottom:8px;font-size:12px;font-weight:700;display:block}.story-field,.meaning-field{resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius-control);width:100%;min-height:168px;color:var(--ink);background:var(--surface-strong);outline:none;padding:15px;font-size:16px;line-height:1.8;display:block}.meaning-field{min-height:118px}.meaning-editor{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-strong);min-height:118px;position:relative;overflow:hidden}.meaning-highlight{color:var(--ink);white-space:pre-wrap;overflow-wrap:break-word;pointer-events:none;padding:15px;font-size:16px;line-height:1.8;position:absolute;inset:0;overflow:hidden}.meaning-highlight mark{color:var(--accent-dark);background:var(--accent-wash);border-radius:4px;padding:1px 3px}.meaning-editor .meaning-field{z-index:1;resize:none;color:#0000;-webkit-text-fill-color:transparent;min-height:118px;caret-color:var(--ink);background:0 0;border:0;border-radius:0;margin:0;position:relative}.meaning-editor .meaning-field:focus{box-shadow:none;border:0}.meaning-editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ad513321}.topic-bridge{border-radius:var(--radius-control);background:var(--accent-wash);border:1px solid #ad513338;gap:8px;margin:28px 0 22px;padding:15px 17px;display:grid}.topic-bridge span,.topic-connection span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:block}.topic-bridge strong{font-size:22px;line-height:1.25}.topic-bridge small{color:var(--muted);font-size:11px;line-height:1.5}.topic-connection{border-left:3px solid var(--accent);background:var(--accent-wash);border-radius:0 8px 8px 0;gap:6px;margin-top:14px;padding:12px 14px;display:grid}.topic-connection strong{font-size:12px;line-height:1.55}.has-error{border-color:var(--accent)}.field-footer{color:var(--faint);justify-content:space-between;margin-top:8px;font-size:10px}.error-text{color:var(--accent-dark);margin:9px 0 0;font-size:11px}.api-error{border-radius:var(--radius-control);color:#624389;background:var(--purple-wash);border:1px solid #6748893d;gap:7px;margin-top:16px;padding:13px 14px;font-size:11px;line-height:1.5;display:grid}.api-error strong{color:#4f326e;font-size:12px}.api-error .secondary-button{color:#624389;background:#fffdf8a3;border-color:#67488947;justify-self:start;min-height:36px;padding:0 12px;font-size:11px}.quote-box,.mapping-card{border:1px solid var(--line);border-radius:var(--radius-control);background:#fffdf8b8;padding:17px}.quote-box{margin:28px 0 22px}.quote-box span,.mapping-card span,.visual-name span,.theme-block span{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:block}.quote-box strong,.mapping-card strong{margin-top:10px;font-size:15px;line-height:1.55;display:block}.tag-row,.card-tags{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.tag-row span,.card-tags span{color:var(--accent-dark);background:var(--accent-wash);border-radius:999px;padding:6px 10px;font-size:10px}.mapping-stack{max-width:590px;margin:34px auto 0}.mapping-user{background:var(--accent-wash)}.mapping-culture{background:var(--olive-wash)}.mapping-culture mark{color:var(--accent-dark);background:var(--accent-wash);border-radius:4px;padding:1px 3px}.mapping-culture small{color:#577052;margin-top:13px;font-size:10px;display:block}.mapping-arrow{height:38px;color:var(--accent-dark);place-items:center;font-size:22px;display:grid}.source-note{color:var(--faint);margin-top:20px;font-size:11px;line-height:1.6}.source-note.source-live{color:#577052}.expression-share-section{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.expression-share-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:13px;display:flex}.expression-share-heading>div{gap:5px;display:grid}.expression-share-heading span,.expression-share-card span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.expression-share-heading strong{color:var(--ink);font-size:16px}.expression-share-heading small{color:var(--faint);font-size:10px}.expression-share-card{border-radius:var(--radius-control);background:var(--surface-strong);border:1px solid #ad51334d;overflow:hidden;box-shadow:0 16px 40px #5b392212}.expression-share-card header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;display:flex}.expression-share-card header strong{color:var(--ink);font-size:13px}.expression-share-content{gap:18px;padding:18px 17px;display:grid}.expression-share-content>div{gap:6px;display:grid}.expression-share-content p{color:var(--ink);margin:0;font-size:13px;line-height:1.65}.expression-share-content mark{color:var(--accent-dark);background:var(--accent-wash);border-radius:3px;padding:1px 3px}.expression-cultural-response{background:var(--olive-wash);border-radius:8px;padding:13px 14px}.expression-share-card footer{border-top:1px solid var(--line);background:#ad51330b;gap:5px;padding:13px 17px 15px;display:grid}.expression-share-card footer strong{color:var(--accent-dark);font-size:13px;line-height:1.5}.expression-share-actions{grid-template-columns:minmax(88px,.55fr) minmax(142px,.95fr) minmax(150px,1fr);gap:9px;margin-top:13px;display:grid}.expression-share-actions button{width:100%}.knowledge-debug-module{border-radius:var(--radius-control);background:#fffdf894;border:1px solid #704c302e;margin-top:18px;padding:13px}.knowledge-debug-heading{justify-content:space-between;align-items:start;gap:9px;display:flex}.knowledge-debug-heading h2{color:var(--ink);letter-spacing:-.02em;margin:6px 0 0;font-size:14px}.knowledge-debug-count{color:#577052;background:var(--olive-wash);border-radius:999px;flex:none;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.knowledge-debug-context{justify-content:space-between;align-items:baseline;gap:7px;margin-top:11px;display:flex}.knowledge-debug-context strong{min-width:0;color:var(--accent-dark);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.knowledge-debug-context span{color:var(--faint);flex:none;font-size:8px}.knowledge-debug-note{color:var(--muted);margin:6px 0 0;font-size:8px;line-height:1.5}.knowledge-debug-list{gap:6px;max-height:min(68vh,780px);margin-top:9px;padding-right:4px;display:grid;overflow-y:auto}.knowledge-debug-item{border:1px solid var(--line);background:#fffdf8b8;border-radius:8px;min-width:0;padding:8px 9px}.knowledge-debug-item-topline{color:var(--accent-dark);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}.knowledge-debug-item-topline strong{color:#577052;font-size:8px}.knowledge-debug-item code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:block;overflow:hidden}.knowledge-debug-item p{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:10px;line-height:1.4;overflow:hidden}.knowledge-debug-item small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;line-height:1.35;display:block;overflow:hidden}.knowledge-debug-empty{border:1px dashed var(--line-strong);color:var(--faint);background:#fffdf86b;border-radius:8px;margin-top:9px;padding:10px;font-size:9px;line-height:1.45}.knowledge-trail-summary{border-radius:var(--radius-control);background:#fffdf894;border:1px solid #704c3029;gap:12px;margin-top:20px;padding:14px 16px;display:grid}.knowledge-trail-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.knowledge-trail-heading h3{color:var(--ink);margin:6px 0 0;font-size:15px}.knowledge-trail-heading>span{color:var(--faint);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.knowledge-trail-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.knowledge-trail-node{border:1px solid var(--line);background:#fffdf8a3;border-radius:7px;min-width:0;padding:9px}.knowledge-trail-node span,.knowledge-trail-node strong,.knowledge-trail-node small{display:block}.knowledge-trail-node span{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;overflow:hidden}.knowledge-trail-node strong{color:var(--accent-dark);margin-top:5px;font-size:12px}.knowledge-trail-node small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;line-height:1.35;overflow:hidden}.visual-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;display:grid}.visual-card{min-height:294px}.visual-preview-button,.visual-card-choice{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.visual-preview-button{cursor:zoom-in;border-radius:7px}.visual-card-choice{cursor:pointer}.visual-preview-button:focus-visible,.visual-card-choice:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.visual-preview{background-color:#18283a;border-radius:7px;height:112px;margin-bottom:8px;display:block;position:relative;overflow:hidden}.visual-preview img{object-fit:cover;filter:saturate(.82)sepia(.08)contrast(.94);width:100%;height:100%;transition:transform .24s cubic-bezier(.16,1,.3,1),filter .24s;display:block}.visual-preview:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #fff8e32e;display:block;position:absolute;inset:0}.visual-preview-button:hover .visual-preview img{filter:saturate(.92)sepia(.05)contrast(.98);transform:scale(1.025)}.visual-zoom-hint{color:var(--accent-dark);margin:-2px 0 8px;font-size:9px;line-height:1.4;display:block}.visual-card strong{margin:0 0 5px;font-size:16px}.visual-card-choice>span{color:var(--muted);font-size:11px;line-height:1.4;display:block}.visual-card-choice>small{color:var(--faint);margin-top:11px;font-size:10px;line-height:1.35;display:block}.visual-reference-caption{min-height:26px;margin-bottom:5px;color:var(--faint)!important;font-size:9px!important;line-height:1.35!important}.visual-motif-label{letter-spacing:.04em;margin-bottom:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent-dark)!important;font-size:9px!important}.visual-source-card{border-radius:var(--radius-control);background:var(--accent-wash);border:1px solid #ad513338;gap:8px;margin-top:26px;padding:15px 17px;display:grid}.visual-source-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.visual-source-heading span,.visual-source-card>strong,.visual-detail-card span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.visual-source-heading small{color:var(--accent-dark);font-size:10px}.visual-source-card>strong{letter-spacing:0;text-transform:none;font-family:Avenir Next,PingFang SC,sans-serif;font-size:16px}.visual-source-card p{color:var(--ink);margin:0;font-size:12px;line-height:1.6}.visual-source-card>small{color:var(--muted);font-size:10px;line-height:1.5}.visual-loading{border:1px dashed var(--line-strong);border-radius:var(--radius-control);background:#fffdf885;gap:8px;margin-top:28px;padding:18px;display:grid}.visual-loading>span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.visual-loading>strong{font-size:14px}.visual-loading-lines{gap:7px;margin-top:4px;display:grid}.visual-loading-lines i{background:var(--line);border-radius:999px;width:100%;height:8px;animation:1.2s ease-in-out infinite visual-pulse;display:block}.visual-loading-lines i:nth-child(2){width:82%;animation-delay:.12s}.visual-loading-lines i:nth-child(3){width:64%;animation-delay:.24s}.visual-error{margin-top:18px}.visual-detail-card{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-strong);grid-template-columns:1.1fr 1.9fr;gap:18px;margin-top:13px;padding:15px 17px;display:grid}.visual-detail-card>div:first-child{min-width:0}.visual-detail-card strong{color:var(--ink);margin-top:7px;font-size:18px;display:block}.visual-detail-card p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.5}.visual-selected-reference{color:var(--faint);margin-top:10px;font-size:10px;line-height:1.4;display:block}.visual-detail-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.visual-detail-grid div{border-left:1px solid var(--line);padding-left:10px}.visual-detail-grid strong{color:var(--ink);margin-top:7px;font-size:11px;line-height:1.45}.visual-reference-note{border:1px solid var(--line);border-radius:var(--radius-control);background:#fffdf87a;gap:8px;margin-top:12px;padding:13px 15px;display:grid}.visual-reference-note>div:first-child{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.visual-reference-note>div:first-child span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.visual-reference-note>div:first-child strong{color:var(--ink);font-size:12px}.visual-reference-note p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.visual-reference-links{flex-wrap:wrap;gap:7px 13px;display:flex}.visual-reference-links a{color:var(--accent-dark);text-underline-offset:3px;font-size:10px;-webkit-text-decoration:underline #ad513359;text-decoration:underline #ad513359}.visual-reference-links a:hover{-webkit-text-decoration-color:var(--accent-dark);text-decoration-color:var(--accent-dark)}.visual-lightbox{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#120f0cc7;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.visual-lightbox-panel{border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--surface);width:min(1040px,100%);max-height:calc(100dvh - 56px);margin:0;overflow:auto;box-shadow:0 28px 90px #170f0a57}.visual-lightbox-header,.visual-lightbox-panel figcaption{justify-content:space-between;align-items:center;gap:24px;padding:15px 18px;display:flex}.visual-lightbox-header{border-bottom:1px solid var(--line)}.visual-lightbox-header div,.visual-lightbox-panel figcaption div{gap:4px;display:grid}.visual-lightbox-header span,.visual-lightbox-panel figcaption span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.visual-lightbox-header strong{color:var(--ink);font-size:14px}.visual-lightbox-header button{border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--ink);background:var(--surface-strong);cursor:pointer;flex:none;padding:8px 12px}.visual-lightbox-header button:hover{border-color:var(--accent);color:var(--accent-dark)}.visual-lightbox-header button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.visual-lightbox-image{background:#171512;place-items:center;min-height:320px;padding:18px;display:grid}.visual-lightbox-image img{object-fit:contain;width:100%;max-height:68dvh;display:block}.visual-lightbox-panel figcaption{border-top:1px solid var(--line);align-items:end}.visual-lightbox-panel figcaption strong{color:var(--ink);font-size:14px}.visual-lightbox-panel figcaption p{max-width:66ch;color:var(--muted);margin:2px 0 0;font-size:11px;line-height:1.55}.visual-lightbox-panel figcaption a{color:var(--accent-dark);text-underline-offset:3px;flex:none;font-size:11px}.poster-lightbox{z-index:110;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#120f0cd1;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.poster-lightbox-panel{border-radius:var(--radius-panel);background:var(--surface);border:1px solid #ecdabf33;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(300px,520px) minmax(260px,340px);width:min(920px,100%);max-height:calc(100dvh - 56px);display:grid;overflow:hidden;box-shadow:0 34px 100px #170f0a70}.poster-lightbox-header{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding:15px 18px;display:flex}.poster-lightbox-header>div{gap:4px;display:grid}.poster-lightbox-header span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.poster-lightbox-header strong{color:var(--ink);font-size:14px}.poster-lightbox-header>button{border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--ink);background:var(--surface-strong);flex:none;padding:8px 12px}.poster-lightbox-header>button:hover{border-color:var(--accent);color:var(--accent-dark)}.poster-preview-frame{background:#181511;place-items:center;min-height:0;padding:22px;display:grid;overflow:auto}.poster-preview-frame img{border-radius:5px;width:min(100%,410px);height:auto;display:block;box-shadow:0 22px 58px #00000057}.poster-lightbox-actions{background:radial-gradient(circle at 100% 0%, #ad513317, transparent 18rem), var(--surface);flex-direction:column;justify-content:end;gap:22px;min-width:0;padding:30px 26px;display:flex}.poster-lightbox-actions p{color:var(--muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.7}.poster-lightbox-actions>div{gap:9px;display:grid}.poster-lightbox-actions button{width:100%}@media (prefers-reduced-motion:no-preference){.visual-lightbox,.poster-lightbox{animation:.16s ease-out lightbox-fade}.visual-lightbox-panel,.poster-lightbox-panel{animation:.22s cubic-bezier(.16,1,.3,1) lightbox-enter}}@keyframes lightbox-fade{0%{opacity:0}}@keyframes lightbox-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}}@keyframes visual-pulse{0%,to{opacity:.42}50%{opacity:.9}}.pattern-glow .visual-preview,.pattern-glow.pattern-stage,.pattern-glow.final-pattern,.pattern-glow.creator-portrait{background:radial-gradient(circle,#f8df9a 0 12%,#0000 13%),radial-gradient(circle,#0000 0 32%,#ecbe5cd9 33% 34%,#0000 35%),radial-gradient(circle,#0000 0 58%,#cb8b33b3 59% 60%,#0000 61%),#18283a}.pattern-rhythm .visual-preview,.pattern-rhythm.pattern-stage,.pattern-rhythm.final-pattern,.pattern-rhythm.creator-portrait{background:repeating-linear-gradient(155deg,#0000 0 12px,#e9c775c7 13px 15px,#0000 16px 27px),linear-gradient(135deg,#152a2a,#b35d35)}.pattern-ring .visual-preview,.pattern-ring.pattern-stage,.pattern-ring.final-pattern,.pattern-ring.creator-portrait{background:radial-gradient(circle,#f6dfa2 0 15%,#0000 16% 27%,#c38e47 28% 31%,#0000 32% 42%,#ead3a3 43% 47%,#0000 48%),#28332d}.range-grid{gap:12px;margin-top:25px;display:grid}.range-control{border:1px solid var(--line);border-radius:var(--radius-control);background:#fffdf88c;padding:13px 14px;display:block}.range-heading{color:var(--muted);justify-content:space-between;font-size:11px}.range-heading strong{color:var(--ink)}.range-control input{width:100%;accent-color:var(--accent);margin:15px 0 6px;display:block}.range-labels{color:var(--faint);justify-content:space-between;font-size:10px}.pattern-stage-content{max-width:none}.pattern-workbench{grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;gap:14px;margin-top:30px;display:grid}.pattern-workbench .pattern-stage{height:auto;min-height:346px;margin-top:0}.pattern-prompt-panel{background:#fffdf8c2;border:1px solid #704c3033;border-radius:13px;flex-direction:column;min-width:0;padding:15px;display:flex}.pattern-prompt-heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.pattern-prompt-heading>div{gap:5px;display:grid}.pattern-prompt-heading span,.pattern-variation-heading span{color:var(--accent-dark);letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.pattern-prompt-heading strong{color:var(--ink);font-size:14px}.pattern-prompt-heading em{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-style:normal}.pattern-prompt-heading em.has-output{color:#3b6335;background:var(--olive-wash);border-color:#4067373d}.pattern-prompt-note{color:var(--muted);margin:10px 0 0;font-size:10px;line-height:1.55}.pattern-prompt-editor{resize:vertical;border:1px solid var(--line-strong);color:#5d4735;background:#fffaf1d1;border-radius:9px;outline:none;width:100%;min-height:172px;margin-top:11px;padding:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.65;display:block}.pattern-prompt-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ad51331f}.pattern-prompt-meta{color:var(--faint);justify-content:space-between;gap:8px;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}.pattern-variation-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:8px;margin-top:16px;padding-top:12px;display:flex}.pattern-variation-heading>div{gap:4px;min-width:0;display:grid}.pattern-variation-heading small{color:var(--muted);font-size:9px;line-height:1.35}.prompt-random-button{color:var(--accent-dark);background:var(--accent-wash);border:1px solid #ad513357;border-radius:7px;flex:none;padding:6px 8px;font-size:9px;font-weight:700}.prompt-random-button:hover{border-color:var(--accent);background:#ebc9b1}.prompt-random-button:active{transform:scale(.98)}.pattern-variation-list{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.pattern-variation-list button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:5px 7px;font-size:9px}.pattern-variation-list button:hover{border-color:var(--accent);color:var(--accent-dark)}.pattern-variation-list button.is-active{color:#3b6335;background:var(--olive-wash);border-color:#4067374d}.pattern-prompt-locks{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:15px;display:flex}.pattern-prompt-locks span{color:#577052;background:var(--olive-wash);border-radius:999px;padding:4px 6px;font-size:8px}.pattern-stage{border-radius:13px;place-items:center;height:270px;margin-top:30px;display:grid;position:relative;overflow:hidden}.pattern-stage.is-generating .pattern-reference-image{filter:saturate(.58)sepia(.2)contrast(.84)blur(1px);transform:scale(1.025)}.pattern-reference-image{object-fit:cover;opacity:.42;filter:saturate(.78)sepia(.12)contrast(.92);width:100%;height:100%;display:block;position:absolute;inset:0}.pattern-reference-overlay{mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(135deg,#18283a61,#7643243d);position:absolute;inset:0}.pattern-orbit{border:1px solid #f6dfa2b3;border-radius:50%;position:absolute;transform:rotate(-24deg)}.orbit-one{width:250px;height:150px}.orbit-two{width:160px;height:110px;transform:rotate(31deg)}.pattern-core{background:#f4d991;border:8px solid #f6dfa29e;border-radius:50%;width:54px;height:54px;box-shadow:0 0 28px #f8d6806b}.pattern-orbit,.pattern-core,.pattern-caption{z-index:1}.pattern-caption{color:#fdf3db;text-shadow:0 1px 10px #14100b59;position:absolute;bottom:16px;left:18px}.pattern-caption span{opacity:.65;letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:block}.pattern-caption strong{margin-top:5px;font-size:18px;display:block}.pattern-caption small{color:#fdf3dbc2;max-width:260px;margin-top:3px;font-size:9px;line-height:1.35;display:block}.pattern-generation-progress{z-index:2;color:#fff1d5;justify-items:end;gap:8px;font-size:10px;display:grid;position:absolute;bottom:17px;right:18px}.pattern-generation-progress i{background:#fff1d533;border-radius:999px;width:132px;height:3px;display:block;overflow:hidden}.pattern-generation-progress i:after{border-radius:inherit;content:"";background:#f0ce7c;width:48%;height:100%;animation:1.25s ease-in-out infinite alternate pattern-generate;display:block}@keyframes pattern-generate{0%{transform:translate(-100%)}to{transform:translate(210%)}}.pattern-lineage{border-radius:var(--radius-control);background:#fffdf880;border:1px solid #704c302b;margin-top:16px;padding:15px}.pattern-lineage-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:14px;padding-bottom:11px;display:flex}.pattern-lineage-heading span,.pattern-lineage article>span,.pattern-lineage-source div>span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.pattern-lineage-heading strong{color:var(--ink);font-size:13px}.pattern-lineage-grid{grid-template-columns:1.2fr .9fr .9fr;gap:8px;margin-top:11px;display:grid}.pattern-lineage article{background:#fffdf870;border-left:2px solid #ad51334d;min-width:0;padding:10px}.pattern-lineage article strong{color:var(--ink);margin-top:7px;font-size:10px;line-height:1.5;display:block}.pattern-lineage article p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.45}.pattern-lineage-source{grid-template-columns:66px minmax(0,1fr);gap:9px;display:grid;border-left-color:#46683c57!important}.pattern-lineage-source img{object-fit:cover;filter:saturate(.8)sepia(.08);border-radius:5px;width:66px;height:66px;display:block}.profile-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.profile-grid label{color:var(--muted);gap:7px;font-size:11px;display:grid}.profile-grid input{border:1px solid var(--line);background:var(--surface-strong);min-width:0;color:var(--ink);border-radius:8px;outline:none;padding:10px 12px}.avatar-uploader{border-radius:var(--radius-control);background:#f0d8c647;border:1px dashed #ad513361;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:20px;padding:14px;transition:border-color .18s,background .18s;display:grid}.avatar-uploader.has-avatar{background:#dbe5d55c;border-style:solid;border-color:#46683c47}.avatar-uploader-preview{color:#fff4d7;border:3px solid #fffaf1e6;border-radius:50%;place-items:center;width:76px;height:76px;font-family:Georgia,serif;font-size:30px;display:grid;overflow:hidden;box-shadow:0 8px 22px #5b392226}.avatar-uploader-preview img{object-fit:cover;width:100%;height:100%;display:block}.avatar-uploader-copy{min-width:0}.avatar-uploader-copy>span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.avatar-uploader-copy strong{color:var(--ink);margin-top:5px;font-size:13px;display:block}.avatar-uploader-copy p{max-width:52ch;color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.5}.avatar-uploader-copy small{color:var(--accent-dark);margin-top:5px;font-size:9px;display:block}.avatar-uploader-actions{justify-items:stretch;gap:6px;display:grid}.avatar-uploader-actions input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.avatar-upload-button,.avatar-uploader-actions button{border:1px solid var(--line-strong);min-width:84px;color:var(--ink);background:var(--surface-strong);text-align:center;cursor:pointer;border-radius:7px;padding:9px 11px;font-size:10px;font-weight:700;transition:transform .15s,border-color .15s,background .15s}.avatar-upload-button:hover,.avatar-uploader-actions button:hover{border-color:var(--accent);background:var(--accent-wash)}.avatar-upload-button:active,.avatar-uploader-actions button:active{transform:scale(.98)}.avatar-uploader:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ad51331c}.card-stage-content{padding:28px}.card-stage-heading{align-items:start}.card-stage-heading>div{min-width:0}.ready-chip{color:#3b6335;background:var(--olive-wash);border-color:#4067373d;flex:none}.culture-card{background:#f4eee2;border:1px solid #704c3038;border-radius:13px;margin-top:25px;overflow:hidden;box-shadow:0 22px 48px #4c31191f}.card-topline{color:#654e3a;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #704c3029;justify-content:space-between;gap:15px;padding:13px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.card-topline span:first-child{color:var(--ink);letter-spacing:0;text-transform:none;font-family:Avenir Next,PingFang SC,sans-serif;font-size:13px;font-weight:800}.card-topline code{color:#8d7156;font-size:9px}.card-layout{grid-template-columns:.85fr 1.1fr 1fr;gap:12px;padding:14px;display:grid}.creator-column,.card-content-column,.card-visual-column{background:#fffdf870;border:1px solid #704c3021;border-radius:10px;min-width:0;padding:13px}.creator-portrait{aspect-ratio:1;color:#fff4d7;border-radius:50%;place-items:center;width:min(132px,100%);margin:0 auto;font-family:Georgia,serif;font-size:54px;display:grid}.creator-portrait.has-photo{background:#d9c5a9;border:3px solid #fffaf1cc;overflow:hidden;box-shadow:0 12px 28px #5b392229}.creator-portrait.has-photo img{object-fit:cover;width:100%;height:100%;display:block}.creator-name-row{justify-content:space-between;gap:8px;margin-top:14px}.creator-name-row strong{font-size:21px}.creator-name-row span{color:#8b6f54;border:1px solid #704c3040;border-radius:999px;padding:4px 7px;font-size:9px}.creator-location{color:#8b6f54;margin:6px 0 24px;font-size:11px}.creator-column blockquote{color:#614835;margin:0;font-size:14px;line-height:1.8}.creator-meta{color:#8b6f54;border-top:1px solid #704c3029;justify-content:space-between;margin-top:36px;padding-top:12px;font-size:10px;display:flex}.creator-meta strong{color:var(--ink);font-size:14px}.card-content-column{gap:8px;display:grid}.card-section{border-bottom:1px solid #704c3024;padding:13px}.card-section:last-child{border-bottom:0}.card-section-heading{align-items:center;gap:8px;display:flex}.card-section-heading span{color:#fff7e5;background:#95704c;border-radius:50%;place-items:center;width:22px;height:22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:grid}.card-section-heading h3{margin:0;font-size:13px}.card-section>p{color:#614835;margin:14px 0 0;font-size:12px;line-height:1.7}.card-section>small{color:#8b6f54;margin-top:9px;font-size:9px;line-height:1.5;display:block}.card-tags{margin-top:12px}.card-tags span{color:#7a6249;background:#e8ddca;padding:4px 8px;font-size:9px}.card-visual-column{background:#e8eee6}.final-pattern{border-radius:8px;place-items:center;height:162px;display:grid;position:relative;overflow:hidden}.generated-pattern-image{object-fit:cover;width:104%;height:104%;display:block;position:absolute;inset:-2%}.final-pattern.has-generated-image:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #fff4d833;position:absolute;inset:0;box-shadow:inset 0 -38px 70px #1f181114}.visual-name{margin-top:14px}.visual-name strong{color:#3c4d3b;margin-top:5px;font-size:18px;display:block}.generated-image-meta{color:#6f806d;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}.generated-image-meta strong{color:#3c4d3b;font-size:8px;font-weight:700}.visual-attributes{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;display:grid}.visual-attributes div{border-top:1px solid #3c4d3b38;padding:8px}.visual-attributes span,.visual-attributes strong{display:block}.visual-attributes span{color:#6f806d;font-size:9px}.visual-attributes strong{color:#3c4d3b;margin-top:4px;font-size:11px}.theme-block{border-top:1px solid #3c4d3b38;margin-top:15px;padding-top:13px}.theme-block strong{color:#30402f;margin-top:5px;font-size:20px;display:block}.theme-block small{color:#6f806d;margin-top:4px;font-size:10px;display:block}.card-design-rationale{background:#fffdf873;border:1px solid #704c3026;border-radius:10px;margin:0 14px 14px;padding:16px}.card-rationale-heading{border-bottom:1px solid #704c3024;grid-template-columns:128px minmax(0,1fr);gap:18px;padding-bottom:14px;display:grid}.card-rationale-heading>span,.card-rationale-connections article>span{color:#95704c;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.card-rationale-heading h3{color:var(--ink);margin:0;font-size:15px}.card-rationale-heading p{color:#614835;max-width:70ch;margin:5px 0 0;font-size:11px;line-height:1.6}.card-rationale-connections{grid-template-columns:1.15fr .9fr .95fr;gap:0;margin-top:14px;display:grid}.card-rationale-connections article{border-left:1px solid #704c3024;min-width:0;padding:0 13px}.card-rationale-connections article:first-child{border-left:0;padding-left:0}.card-rationale-connections article:last-child{padding-right:0}.card-rationale-connections p{color:#614835;margin:6px 0 0;font-size:10px;line-height:1.55}.card-rationale-connections small{color:#8b6f54;margin-top:5px;font-size:8px;line-height:1.4;display:block}.card-rationale-decisions{border-top:1px solid #704c3024;flex-wrap:wrap;gap:6px;margin-top:15px;padding-top:12px;display:flex}.card-rationale-decisions div{background:#e8ddca;border-radius:6px;grid-template-columns:auto auto;gap:2px 7px;padding:7px 9px;display:grid}.card-rationale-decisions strong{color:#6c5038;font-size:9px}.card-rationale-decisions span{color:#614835;font-size:9px}.card-rationale-decisions small{color:#8b6f54;grid-column:1/-1;font-size:8px}.card-footer{color:#8b6f54;border-top:1px solid #704c3024;justify-content:space-between;gap:15px;padding:11px 16px;font-size:9px;display:flex}.card-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.secondary-button{border:1px solid var(--line-strong);color:var(--ink);background:var(--surface-strong)}.secondary-button:hover{border-color:var(--accent);background:var(--accent-wash)}.inline-button{margin-left:auto}.rules-page{width:min(100% - 48px,1440px);margin:0 auto;padding:28px 0 60px}.rules-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:58px;display:flex}.rules-back-link{color:var(--accent-dark);align-items:center;gap:8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.rules-back-link:hover{text-underline-offset:4px;text-decoration:underline}.rules-back-link span{font-size:16px;line-height:1}.rules-topbar-label{color:var(--accent-dark);letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700}.rules-topbar-meta{color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.rules-hero{grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:end;gap:48px;padding:74px 0 50px;display:grid}.rules-hero h1{letter-spacing:-.06em;max-width:760px;margin:13px 0 14px;font-size:clamp(36px,5vw,70px);line-height:.98}.rules-hero p{max-width:640px;color:var(--muted);margin:0;font-size:15px;line-height:1.75}.rules-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rules-metrics>div{border-top:2px solid var(--accent);background:#fffdf894;min-width:0;padding:15px 14px}.rules-metrics span,.rules-metrics strong,.rules-metrics small{display:block}.rules-metrics span{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.rules-metrics strong{color:var(--ink);margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;line-height:1}.rules-metrics small{color:var(--muted);margin-top:5px;font-size:10px}.rules-flow-section,.rules-direction-section,.rules-detail-section{margin-top:34px}.rules-section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:17px;display:flex}.rules-section-heading h2{letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(24px,3vw,38px);line-height:1.05}.rules-section-heading p{max-width:470px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.rules-flow{grid-template-columns:repeat(6,minmax(154px,1fr));padding:3px 0 9px;display:grid;overflow-x:auto}.rules-flow-item{align-items:center;min-width:154px;display:flex}.rules-flow-node{border:1px solid var(--line);border-radius:var(--radius-control);min-width:0;min-height:126px;color:var(--ink);background:#fffdf8ad;flex:auto;padding:14px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid}.rules-flow-node:hover{border-color:var(--accent);transform:translateY(-2px)}.rules-flow-node>span{color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.rules-flow-node strong{align-self:end;margin-top:22px;font-size:14px;line-height:1.25}.rules-flow-node small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.35}.rules-tone-sand{border-color:#ad51333d}.rules-tone-sand>span,.rules-tone-sand .rules-detail-index{color:var(--accent-dark)}.rules-tone-olive{background:#dbe5d580;border-color:#4067373d}.rules-tone-olive>span,.rules-tone-olive .rules-detail-index{color:#577052}.rules-tone-violet{background:#e7ddf07a;border-color:#67488938}.rules-tone-violet>span,.rules-tone-violet .rules-detail-index{color:#624389}.rules-flow-connector{background:var(--line-strong);flex:0 0 15px;height:1px;margin:0 5px;position:relative}.rules-flow-connector:after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid var(--line-strong);content:"";width:0;height:0;position:absolute;top:-3px;right:-1px}.rules-flow-legend{color:var(--muted);flex-wrap:wrap;gap:7px 18px;margin-top:12px;font-size:10px;display:flex}.rules-flow-legend span{align-items:center;gap:6px;display:inline-flex}.rules-legend-swatch{border-radius:50%;width:8px;height:8px;display:block}.rules-legend-candidate{background:var(--accent)}.rules-legend-committed{background:#6a8a61}.rules-legend-reference{background:#8564a1}.rules-principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;margin-top:33px;padding:20px 0;display:grid}.rules-principles article{border-left:1px solid var(--line);min-width:0;padding:4px 18px}.rules-principles article:first-child{border-left:0;padding-left:0}.rules-principles span{color:var(--accent-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.rules-principles strong{color:var(--ink);margin-top:9px;font-size:14px;display:block}.rules-principles p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.6}.rules-direction-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rules-direction-card{border:1px solid var(--line);border-radius:var(--radius-control);background:#fffdf89e;min-width:0;padding:17px}.rules-direction-card-title{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.rules-direction-card-title strong{color:var(--ink);font-size:18px}.rules-direction-card-title span{color:var(--faint);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.rules-tag-list{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.rules-tag-list span{color:var(--accent-dark);background:var(--accent-wash);border-radius:999px;padding:5px 8px;font-size:10px}.rules-direction-card p{color:var(--muted);margin:15px 0 0;font-size:11px;line-height:1.6}.rules-direction-card small{color:var(--faint);margin-top:8px;font-size:9px;line-height:1.5;display:block}.rules-detail-list{gap:12px;display:grid}.rules-detail-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:#f7f4edbd;padding:20px;scroll-margin-top:24px}.rules-detail-heading{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:16px;display:grid}.rules-detail-index{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:32px;line-height:1}.rules-detail-heading span,.rules-detail-columns>div>span,.rules-detail-footer>div>span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.rules-detail-heading h3{color:var(--ink);letter-spacing:-.025em;margin:6px 0 7px;font-size:21px}.rules-detail-heading p{max-width:720px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.rules-detail-columns{border-top:1px solid var(--line);grid-template-columns:.8fr 1.45fr 1fr;gap:0;margin-top:21px;padding-top:17px;display:grid}.rules-detail-columns>div{border-left:1px solid var(--line);min-width:0;padding:0 17px}.rules-detail-columns>div:first-child{border-left:0;padding-left:0}.rules-detail-columns>div:last-child{padding-right:0}.rules-detail-columns ul,.rules-detail-columns ol{color:var(--muted);margin:9px 0 0;padding-left:17px;font-size:11px;line-height:1.65}.rules-detail-columns li+li{margin-top:5px}.rules-detail-columns>div>p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.65}.rules-detail-footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;padding-top:15px;display:grid}.rules-detail-footer p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.6}.rules-id-list{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.rules-id-list code{border:1px solid var(--line);max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fffdf88f;border-radius:6px;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;line-height:1.35;overflow:hidden}.rules-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:18px;display:flex}.rules-footer p{color:var(--faint);margin:0;font-size:10px}.json-preview{border:1px solid var(--line);color:#614835;white-space:pre-wrap;word-break:break-word;background:#fffdf8b3;border-radius:9px;min-height:255px;max-height:375px;margin:18px 0 0;padding:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.7;overflow:auto}.model-output-module{margin-top:22px}.model-output-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.model-output-heading h2{letter-spacing:-.02em;margin:7px 0 0;font-size:16px}.model-output-empty{border:1px dashed var(--line-strong);color:var(--faint);background:#fffdf86b;border-radius:9px;margin-top:14px;padding:12px;font-size:10px;line-height:1.55}.model-output-list{gap:7px;max-height:410px;margin-top:14px;padding-right:2px;display:grid;overflow:auto}.model-output-entry{border:1px solid var(--line);background:#fffdf88a;border-radius:9px}.model-output-entry summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:10px;list-style:none;display:grid}.model-output-entry summary::-webkit-details-marker{display:none}.model-output-entry summary strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:10px;overflow:hidden}.model-output-entry summary small{color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.model-output-entry[open] summary{border-bottom:1px solid var(--line)}.model-output-entry>pre{color:#614835;white-space:pre-wrap;word-break:break-word;max-height:220px;margin:0;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.6;overflow:auto}.output-mode{letter-spacing:.04em;border-radius:4px;padding:3px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:800}.output-bailian{color:#3b6335;background:var(--olive-wash)}.output-local{color:#725d3e;background:#ede4d1}.output-mock{color:#624389;background:var(--purple-wash)}.event-log{margin-top:22px}.log-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.log-entry{border-bottom:1px solid var(--line);padding:12px 0}.log-row{gap:7px}.log-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.log-status{border-radius:4px;padding:3px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:800}.status-pass{color:#3b6335;background:var(--olive-wash)}.status-info{color:#725d3e;background:#ede4d1}.status-wait{color:#624389;background:var(--purple-wash)}.log-entry small{color:var(--faint);margin-top:6px;padding-left:39px;font-size:9px;line-height:1.45;display:block}.test-note{margin-top:12px}.toast{z-index:2;color:var(--ink);background:var(--surface-strong);box-shadow:var(--shadow-soft);border:1px solid #372d2329;border-radius:9px;padding:12px 15px;font-size:12px;position:fixed;bottom:24px;right:24px}@media (prefers-color-scheme:dark){:root{--paper:#1c1a17;--surface:#24211d;--surface-strong:#2c2823;--ink:#f5eee2;--muted:#b7aa9a;--faint:#8d8275;--line:#f2e6d326;--line-strong:#f2e6d340;--accent-wash:#4f2d21;--olive-wash:#27382b;--purple-wash:#352a43;--shadow-soft:0 18px 55px #0003}body{background:radial-gradient(circle at 10% 0%, #ffffff0d, transparent 30rem), var(--paper)}.panel,.choice-card,.visual-card,.quote-box,.mapping-card,.range-control,.custom-direction input,.profile-grid input,.story-field,.meaning-field,.json-preview,.model-output-entry,.model-output-empty,.secondary-button,.toast,.visual-loading,.visual-detail-card,.visual-reference-note,.pattern-prompt-panel,.knowledge-debug-module,.knowledge-debug-item,.knowledge-debug-empty,.knowledge-trail-summary,.knowledge-trail-node{background:#2c2823e0}.meaning-highlight mark{color:#f3c7af;background:#ad51335c}.topic-bridge span,.topic-connection span{color:#f3c7af}.mapping-culture mark,.expression-share-content mark{color:#f3c7af;background:#ad51335c}.visual-source-heading span,.visual-source-heading small,.visual-source-card>strong,.visual-detail-card span,.visual-motif-label{color:#f3c7af!important}.visual-reference-note>div:first-child strong{color:#fff5e8}.visual-reference-links a{color:#f3c7af;text-decoration-color:#f3c7af66}.pattern-prompt-editor{color:#f0dfc4;background:#201d19e6}.knowledge-debug-item-topline strong,.knowledge-debug-count,.knowledge-trail-node strong{color:#b7d2ae}.culture-card{background:#332a20}.creator-column,.card-content-column,.card-visual-column{background:#2c241b8c}.card-visual-column{background:#263328}.card-section>p,.creator-column blockquote{color:#f0dfc4}.card-topline,.card-section>small,.creator-location,.creator-name-row span,.card-footer{color:#c0a98d}.creator-meta strong,.card-section-heading h3{color:#fff5e8}.card-design-rationale{background:#2c241b8c}.card-rationale-heading p,.card-rationale-connections p{color:#f0dfc4}.card-rationale-decisions div{background:#e8ddca24}.card-rationale-decisions strong,.card-rationale-decisions span{color:#f0dfc4}.rules-metrics>div,.rules-flow-node,.rules-direction-card,.rules-detail-card,.rules-id-list code{background:#2c2823e0}.rules-metrics strong,.rules-flow-node strong,.rules-direction-card-title strong,.rules-detail-heading h3{color:#fff5e8}.rules-flow-node small,.rules-direction-card p,.rules-detail-heading p,.rules-detail-columns ul,.rules-detail-columns ol,.rules-detail-columns>div>p,.rules-detail-footer p{color:#f0dfc4}.rules-tone-olive{background:#27382bc2}.rules-tone-violet{background:#352a43c2}.rules-tag-list span{color:#f3c7af;background:#ad51335c}.rules-id-list code{color:#c0a98d}.avatar-uploader{background:#4f2d214d}.avatar-uploader.has-avatar{background:#27382b80}}@media (max-width:1180px){.board-grid{grid-template-columns:220px minmax(0,1fr)}.data-panel{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid;position:static}.data-panel .panel-heading{grid-column:1/-1}.data-panel .json-preview{margin:0}.data-panel .knowledge-debug-module,.data-panel .model-output-module{grid-column:1/-1}.data-panel .event-log{margin-top:0}.data-panel .test-note{grid-column:1/-1;margin-top:0}}@media (max-width:760px){.page-shell{width:min(100% - 24px,640px);padding-top:12px}.rules-page{width:min(100% - 24px,680px);padding-top:12px}.topbar{align-items:start;padding-bottom:14px}.rules-topbar{flex-wrap:wrap;align-items:start;padding-bottom:14px}.rules-topbar-meta{margin-left:auto}.topbar-meta{flex-wrap:wrap;justify-content:end;gap:7px 12px;font-size:10px}.topbar-meta>span:nth-child(2){display:none}.board-heading{padding:38px 0 24px;display:block}.board-heading h1{font-size:36px}.progress-readout{width:100%;margin-top:26px}.board-grid{flex-direction:column;gap:12px;display:flex}.steps-panel,.data-panel{width:100%;position:static}.step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.data-panel{display:block}.data-panel .json-preview{margin-top:18px}.data-panel .event-log{margin-top:22px}.stage-content,.card-stage-content{min-height:auto;padding:22px 16px 26px}.rules-hero{grid-template-columns:1fr;gap:28px;padding:46px 0 34px}.rules-hero h1{font-size:42px}.rules-section-heading{gap:10px;display:grid}.rules-section-heading p{max-width:620px}.rules-flow{grid-template-columns:1fr;padding-bottom:0;overflow:visible}.rules-flow-item{grid-template-columns:1fr;min-width:0;display:grid}.rules-flow-node{min-height:104px}.rules-flow-connector{width:1px;height:22px;margin:0 0 0 24px}.rules-flow-connector:after{border-top:5px solid var(--line-strong);border-bottom:0;border-left:4px solid #0000;border-right:4px solid #0000;inset:auto auto -1px -3px}.rules-principles,.rules-direction-grid{grid-template-columns:1fr}.rules-principles{gap:0}.rules-principles article,.rules-principles article:first-child{border-top:1px solid var(--line);border-left:0;padding:15px 0}.rules-principles article:first-child{border-top:0;padding-top:4px}.rules-detail-card{padding:16px}.rules-detail-heading{grid-template-columns:50px minmax(0,1fr);gap:12px}.rules-detail-columns,.rules-detail-footer{grid-template-columns:1fr;gap:0}.rules-detail-columns>div,.rules-detail-columns>div:first-child,.rules-detail-columns>div:last-child{border-top:1px solid var(--line);border-left:0;padding:12px 0}.rules-detail-columns>div:first-child{border-top:0;padding-top:0}.rules-detail-footer>div{border-top:1px solid var(--line);padding:12px 0}.rules-detail-footer>div:first-child{border-top:0;padding-top:0}.rules-footer{gap:12px;display:grid}.stage-intro h2{font-size:32px}.option-grid,.visual-grid,.card-layout,.profile-grid,.pattern-workbench{grid-template-columns:1fr}.pattern-workbench .pattern-stage{min-height:270px}.knowledge-trail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-detail-card,.visual-detail-grid{grid-template-columns:1fr}.visual-detail-grid div{border-top:1px solid var(--line);border-left:0;padding:8px 0 0}.visual-reference-note>div:first-child{gap:5px;display:grid}.visual-lightbox{align-items:end;padding:12px}.visual-lightbox-panel{max-height:calc(100dvh - 24px)}.visual-lightbox-header,.visual-lightbox-panel figcaption{align-items:start;padding:13px}.visual-lightbox-image{min-height:220px;padding:8px}.visual-lightbox-image img{max-height:62dvh}.visual-lightbox-panel figcaption{display:grid}.poster-lightbox{align-items:end;padding:12px}.poster-lightbox-panel{max-height:calc(100dvh - 24px);display:block;overflow:auto}.poster-lightbox-header{z-index:1;background:var(--surface);padding:13px;position:sticky;top:0}.poster-preview-frame{padding:14px}.poster-preview-frame img{width:min(100%,390px)}.poster-lightbox-actions{gap:16px;padding:20px 16px 18px}.poster-lightbox-actions>div{grid-template-columns:1fr 1fr}.expression-share-heading{gap:6px;display:grid}.expression-share-card header{gap:7px;display:grid}.expression-share-actions{grid-template-columns:1fr 1fr}.expression-share-actions .primary-button{grid-column:1/-1}.custom-direction{grid-template-columns:1fr}.custom-direction span{grid-column:1}.card-topline{flex-wrap:wrap;align-items:start}.card-topline code{margin-left:auto}.card-footer{line-height:1.6;display:block}.card-footer span{display:block}.card-footer span+span{margin-top:4px}.card-actions{grid-template-columns:1fr 1fr;display:grid}.pattern-lineage-grid,.card-rationale-connections{grid-template-columns:1fr}.pattern-lineage article,.card-rationale-connections article{border-top:1px solid var(--line);border-left:0;padding:10px 0}.pattern-lineage article:first-child,.card-rationale-connections article:first-child{border-top:0}.card-rationale-heading{grid-template-columns:1fr;gap:7px}.avatar-uploader{grid-template-columns:66px minmax(0,1fr)}.avatar-uploader-preview{width:66px;height:66px}.avatar-uploader-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.avatar-uploader:not(.has-avatar) .avatar-uploader-actions{grid-template-columns:1fr}.inline-button{grid-column:1/-1;margin-left:0}.toast{text-align:center;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}