:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b;background:#f4f7f8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17212b;--muted: #64717d;--line: #d7e0e3;--paper: #ffffff;--aqua: #13a9b8;--aqua-soft: #e5f8fa;--coral: #e7684c;--coral-soft: #fff0ec;--yellow: #f4c64e;--green: #23866d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit;letter-spacing:0}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(19,169,184,.28);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-rows:74px 1fr}.topbar{background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20}.brand-block{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:800;font-size:20px}.brand-block h1{margin:0;font-size:19px;line-height:1.2}.brand-block p{margin:3px 0 0;font-size:12px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:8px}.language-control{height:38px;display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid var(--line);background:#fff}.language-control select{border:0;background:transparent;color:var(--ink);font-weight:700}.icon-button{width:38px;height:38px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink)}.icon-button:hover{background:#f2f6f7}.workspace{min-height:calc(100vh - 74px);display:grid;grid-template-columns:228px minmax(0,1fr) 292px}.flow-rail,.guide-panel{background:var(--paper)}.flow-rail{border-right:1px solid var(--line);padding:20px 12px}.rail-heading{padding:0 8px 15px;display:grid;gap:5px}.rail-heading strong{font-size:13px}.rail-heading small{color:var(--muted);line-height:1.35}.flow-rail nav{display:grid;gap:3px}.flow-rail nav button{width:100%;min-height:42px;border:0;background:transparent;color:#394651;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;padding:8px 9px;text-align:left;border-left:3px solid transparent}.flow-rail nav button:hover{background:#f3f7f8}.flow-rail nav button.active{background:var(--aqua-soft);color:#087b87;border-left-color:var(--aqua);font-weight:700}.flow-rail nav button small{min-width:24px;text-align:center;color:var(--muted);font-size:10px}.simulation-workspace{min-width:0;padding:24px}.simulation-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.eyebrow{display:block;color:var(--aqua);font-size:12px;font-weight:800;text-transform:uppercase}.simulation-header h2{margin:5px 0 0;font-size:24px;line-height:1.2}.progress-block{width:150px;flex:0 0 auto;display:grid;gap:6px}.progress-block span{text-align:right;font-size:12px;font-weight:700;color:var(--muted)}.progress-block>div{height:5px;background:#dce5e8;overflow:hidden}.progress-block i{display:block;height:100%;background:var(--aqua);transition:width .2s ease}.simulation-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);border:1px solid var(--line);background:var(--paper);min-height:560px}.screen-zone{min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column}.visual-stage{position:relative;flex:1;min-height:450px;display:grid;place-items:center;background:#edf2f3;overflow:hidden}.visual-stage img{display:block;width:100%;height:100%;max-height:600px;object-fit:contain}.hotspot{position:absolute;border:2px solid var(--coral);background:#e7684c14;pointer-events:none}.zoom{position:absolute;right:12px;bottom:12px;box-shadow:0 4px 14px #17212b24}.visual-meta{min-height:42px;border-top:1px solid var(--line);padding:9px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:var(--muted);font-size:11px}.visual-meta span:last-child{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.practice-zone{padding:18px;min-width:0}.practice-title{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:13px}.practice-title strong{flex:1}.practice-title span{background:var(--yellow);color:#4f3a00;font-size:10px;font-weight:800;padding:3px 6px;text-transform:uppercase}.practice-fields{display:grid;gap:13px;margin-top:16px}.practice-fields label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#40505c}.practice-fields input,.practice-fields select{width:100%;height:42px;border:1px solid #bdcbd0;padding:0 10px;color:var(--ink);background:#fff}.practice-fields fieldset{min-width:0;margin:0;padding:0;border:0}.practice-fields legend{margin-bottom:7px;color:#40505c;font-size:12px;font-weight:700}.fake-mail,.wallet-preview,.upload-simulation,.transaction-preview{min-height:60px;display:flex;align-items:center;gap:10px;padding:11px;background:#f4f8f9;border:1px solid var(--line)}.fake-mail span,.wallet-preview span,.upload-simulation span,.transaction-preview span{min-width:0;display:grid;gap:3px;flex:1}.fake-mail small,.wallet-preview small,.upload-simulation small,.transaction-preview small{color:var(--muted);overflow-wrap:anywhere}.safety-note{display:flex;align-items:flex-start;gap:8px;padding:11px;color:#236c60;background:#eaf7f3;font-size:12px;line-height:1.45}.text-action{border:0;padding:0;display:flex;align-items:center;gap:7px;background:transparent;color:var(--coral);font-weight:700;font-size:12px;justify-self:start}.actor-selector{display:grid;gap:6px}.actor-selector button{width:100%;min-height:58px;display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left}.actor-selector button>span{min-width:0;display:grid;gap:3px}.actor-selector button strong{font-size:12px}.actor-selector button small{color:var(--muted);font-size:10px;line-height:1.35}.actor-selector button.selected{border-color:var(--aqua);background:var(--aqua-soft);color:#087b87}.actor-selector button:disabled,.visibility-selector button:disabled,.nfc-state-selector button:disabled,.practice-fields select:disabled{opacity:.72}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-selector button{min-height:74px;display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left}.mode-selector button>span{min-width:0;display:grid;gap:3px}.mode-selector button strong{font-size:11px}.mode-selector button small{color:var(--muted);font-size:9px;line-height:1.35}.mode-selector button.selected{border-color:var(--aqua);background:var(--aqua-soft);color:#087b87}.mode-selector button:disabled{opacity:.72}.nfc-state-selector{display:grid;gap:6px}.nfc-state-selector button{min-height:62px;display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left}.nfc-state-selector button>span{min-width:0;display:grid;gap:3px}.nfc-state-selector button strong{font-size:11px}.nfc-state-selector button small{color:var(--muted);font-size:9px;line-height:1.35}.nfc-state-selector button.selected{border-color:var(--aqua);background:var(--aqua-soft);color:#087b87}.mint-readiness{display:grid;gap:7px;padding:11px;background:#f4f8f9;border-left:4px solid var(--aqua)}.mint-readiness>strong{margin-bottom:2px;font-size:12px}.mint-readiness span{display:flex;align-items:center;gap:6px;color:#236c60;font-size:10px;line-height:1.35}.confirmation-check{min-height:46px;grid-template-columns:20px 1fr!important;align-items:flex-start;gap:8px!important;padding:9px;border:1px solid var(--line);background:#fff}.confirmation-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--aqua)}.confirmation-check>span{display:grid;gap:3px;font-size:11px;line-height:1.35}.confirmation-check small{color:var(--muted);font-weight:400}.mint-result dl{gap:5px}.visibility-selector{display:grid;grid-template-columns:1fr 1fr;gap:6px}.visibility-selector button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:11px}.visibility-selector button.selected{border-color:var(--aqua);background:var(--aqua-soft);color:#087b87;font-weight:750}.evidence-preview{min-height:66px;display:flex;align-items:flex-start;gap:10px;padding:11px;background:#fffaf0;border-left:4px solid var(--yellow)}.evidence-preview span{min-width:0;display:grid;gap:4px}.evidence-preview strong{font-size:12px}.evidence-preview small{color:var(--muted);font-size:11px;line-height:1.42}.completion-result{margin-top:18px;padding-top:16px;border-top:2px solid var(--green)}.completion-heading{display:flex;align-items:center;gap:10px;color:var(--green)}.completion-heading>div{display:grid;gap:2px}.completion-heading strong{font-size:14px}.completion-heading span{color:var(--muted);font-size:11px}.completion-result dl{margin:14px 0;display:grid;gap:7px}.completion-result dl div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.completion-result dt{color:var(--muted)}.completion-result dd{margin:0;font-weight:750;text-align:right}.completion-result>p{margin:11px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.provenance-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}.provenance-timeline span{min-height:45px;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;color:#236c60;background:#eaf7f3;font-size:9px;text-align:center}.provenance-timeline span+span{border-left:1px solid #b9dcd2}.fixture-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.fixture-selector button{min-height:48px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;gap:4px;font-size:11px}.fixture-selector button.selected{border-color:var(--aqua);color:#087b87;background:var(--aqua-soft)}.phone-simulation{min-height:170px;border:8px solid #26323a;background:#fff;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.phone-simulation svg{color:var(--aqua)}.phone-simulation small{color:var(--muted)}.phone-simulation.nfc-linked_artwork{border-color:#236c60;background:#eaf7f3}.phone-simulation.nfc-not_tokenizart{border-color:var(--coral);background:var(--coral-soft)}.nfc-result dl{gap:5px}.transfer-warning{border-color:#d99989;background:var(--coral-soft)}.transfer-result dl{gap:5px}.privacy-controls label{display:flex;align-items:center;justify-content:space-between;min-height:42px;border-bottom:1px solid var(--line)}.privacy-controls input{width:20px;height:20px;accent-color:var(--aqua)}.privacy-controls p{font-size:12px;color:var(--muted);line-height:1.45}.privacy-preview{display:grid;gap:10px;padding:11px;border:1px solid var(--line);background:#f4f8f9}.privacy-preview.owner{border-left:4px solid var(--ink)}.privacy-preview.visitor{border-left:4px solid var(--aqua)}.privacy-preview-heading{display:flex;align-items:center;gap:8px}.privacy-preview-heading span{min-width:0;display:grid;gap:2px;flex:1}.privacy-preview-heading small{color:var(--muted);font-size:9px}.privacy-preview-heading b{padding:3px 5px;background:#fff;border:1px solid var(--line);font-size:9px}.privacy-hidden{min-height:95px;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;color:var(--muted)}.privacy-hidden strong{color:var(--ink);font-size:12px}.privacy-hidden small{max-width:260px;font-size:9px;line-height:1.4}.privacy-technical{display:grid;gap:2px;padding:8px;background:#fff;border:1px solid var(--line);font-size:10px}.privacy-technical span{color:var(--muted)}.privacy-certify-list{display:grid;gap:5px}.privacy-certify-list>div{min-height:34px;display:flex;align-items:center;gap:6px;padding:6px;background:#fff;border:1px solid var(--line);font-size:10px}.privacy-certify-list>div span{flex:1}.privacy-certify-list>div small{color:var(--aqua);font-weight:750}.privacy-toggle,.privacy-certify-controls label{padding:8px;background:#fff}.privacy-toggle>span,.privacy-certify-controls label>span{display:grid;gap:2px}.privacy-toggle small,.privacy-certify-controls small{color:var(--muted);font-size:9px;font-weight:400}.privacy-certify-controls{display:grid;gap:5px}.privacy-result dl{gap:5px}.voucher-practice{display:grid;gap:10px}.voucher-explainer{display:flex;align-items:center;gap:9px;padding:10px;border-left:4px solid var(--aqua);background:#eefafa}.voucher-explainer span{display:grid;gap:3px}.voucher-explainer small{color:var(--muted);font-size:9px;line-height:1.4}.voucher-product-grid{display:grid;gap:6px}.voucher-product-grid button{width:100%;min-height:74px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left}.voucher-product-grid button.selected{border-color:var(--aqua);box-shadow:inset 4px 0 0 var(--aqua)}.voucher-product-grid button:disabled{opacity:.7;cursor:default}.voucher-product-grid button span{min-width:0;display:grid;gap:3px}.voucher-product-grid button small{color:var(--muted);font-size:9px;line-height:1.35}.voucher-product-grid button b{color:var(--aqua-dark);font-size:10px;white-space:nowrap}.voucher-snapshot{display:grid;gap:4px;padding:9px;border:1px solid var(--line);background:#f7f8f9;font-size:10px}.voucher-snapshot span{color:var(--muted);font-size:9px;line-height:1.4}.voucher-snapshot small{color:var(--aqua-dark);font-weight:750}.voucher-consumption{display:grid;gap:5px}.voucher-consumption h3{margin:0 0 2px;font-size:11px}.voucher-consumption>div{display:grid;grid-template-columns:70px 1fr;gap:8px;padding:7px;border:1px solid var(--line);background:#fff;font-size:9px;line-height:1.4}.voucher-consumption>div span{color:var(--muted)}.shop-link{min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--aqua);color:var(--aqua-dark);font-size:11px;font-weight:750;text-decoration:none}.shop-link:hover{background:#eefafa}.voucher-result dl{gap:5px}.voucher-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.voucher-row>div{min-height:72px;border:1px solid var(--line);display:grid;place-items:center;align-content:center;gap:3px;background:#fff}.voucher-row span{color:var(--muted);font-size:9px}.voucher-row strong{color:var(--aqua);font-size:17px}.voucher-row.compact>div{min-height:58px}.error-panel{margin-top:16px;display:flex;gap:10px;padding:13px;background:var(--coral-soft);border-left:4px solid var(--coral);color:#73301f}.error-panel p{margin:5px 0 10px;font-size:12px;line-height:1.45}.error-panel button{border:1px solid #d99989;background:#fff;color:#73301f;min-height:34px;padding:0 9px;display:inline-flex;align-items:center;gap:6px;font-weight:700}.step-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.step-navigation button{min-height:42px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);font-weight:750}.step-navigation .secondary{background:#fff;color:var(--ink)}.step-navigation .primary{background:var(--ink);border-color:var(--ink);color:#fff;margin-left:auto}.step-navigation button:disabled{opacity:.42;cursor:not-allowed}.guide-panel{border-left:1px solid var(--line);padding:22px 18px}.guide-heading{display:flex;align-items:center;gap:8px;color:var(--aqua)}.guide-panel>p{margin:18px 0;line-height:1.62;font-size:14px}.guide-panel blockquote{margin:0 0 20px;border-left:3px solid var(--yellow);padding:4px 0 4px 12px;color:#495965;font-size:13px;line-height:1.5}.world-status{border-top:1px solid var(--line);padding-top:16px}.world-status h3{margin:0 0 10px;font-size:13px}.world-status dl{margin:0 0 13px;display:grid;gap:7px}.world-status dl div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.world-status dt{color:var(--muted)}.world-status dd{margin:0;font-weight:750;text-align:right;overflow-wrap:anywhere}.bridge-status{margin-top:16px;display:block;color:#087b87;font-size:12px;font-weight:700}.companion-link{width:100%;margin-top:10px;min-height:42px;border:1px solid var(--aqua);background:#fff;color:#087b87;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750;font-size:13px}.companion-link:hover{background:var(--aqua-soft)}.lightbox{position:fixed;inset:0;z-index:100;background:#121b22eb;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:18px}.lightbox>button{justify-self:end;background:transparent;color:#fff;border-color:#71808a}.lightbox img{width:100%;height:100%;object-fit:contain;min-height:0}.lightbox>div{color:#fff;display:flex;justify-content:space-between;gap:16px;padding-top:12px;font-size:13px}.lightbox span{color:#c7d3d8}@media(max-width:1180px){.workspace{grid-template-columns:210px minmax(0,1fr)}.guide-panel{grid-column:2;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-heading,.guide-panel>p,.guide-panel blockquote{grid-column:1}.world-status,.companion-link{grid-column:2}}@media(max-width:860px){.app-shell{grid-template-rows:66px 1fr}.topbar{padding:0 12px}.brand-block p{display:block;max-width:260px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace{display:block}.flow-rail{border-right:0;border-bottom:1px solid var(--line);padding:10px 12px;overflow:visible}.rail-heading{display:none}.flow-rail nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px}.flow-rail nav button{width:100%;min-width:0;grid-template-columns:18px minmax(0,1fr);border-left:0;border-bottom:3px solid transparent}.flow-rail nav button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-rail nav button.active{border-bottom-color:var(--aqua)}.flow-rail nav button small{display:none}.simulation-workspace{padding:16px 12px}.simulation-grid{grid-template-columns:1fr}.screen-zone{border-right:0;border-bottom:1px solid var(--line)}.visual-stage{min-height:360px}.guide-panel{display:block;padding:18px 14px}.companion-link{margin-top:16px}}@media(max-width:560px){.brand-block h1{font-size:16px}.brand-block p{max-width:160px;font-size:9px}.brand-mark{width:34px;height:34px}.language-control svg{display:none}.flow-rail nav{grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-header{align-items:flex-start}.simulation-header h2{font-size:19px}.progress-block{width:90px}.visual-stage{min-height:270px}.practice-zone{padding:14px}.fixture-selector{grid-template-columns:1fr}.voucher-row{grid-template-columns:repeat(3,minmax(0,1fr))}.voucher-row span{font-size:8px}.visual-meta span:last-child{width:100%;overflow-wrap:anywhere}.lightbox{padding:10px}.lightbox>div{display:grid}}