.app-page{max-width:1280px;margin:auto;padding:85px max(5vw,32px) 120px}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;border-bottom:1px solid var(--line);padding-bottom:55px}.page-intro h1{font-size:clamp(46px,6vw,76px);line-height:.95;letter-spacing:-.08em;margin:18px 0 0}.page-intro h1 span{color:var(--orange)}.page-intro p{color:var(--muted);line-height:1.7;max-width:360px;margin:0}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.catalog-card{padding:24px;background:#fff;border:1px solid var(--line);min-height:220px;display:flex;flex-direction:column}.catalog-card:hover{border-color:var(--orange)}.catalog-card .card-number{font:10px var(--mono);color:var(--orange)}.catalog-card h2{font-size:22px;letter-spacing:-.06em;margin:36px 0 10px}.catalog-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.catalog-card a{font-size:11px;font-weight:800;margin-top:auto;padding-top:20px}.catalog-card a span{color:var(--orange);font-size:16px;margin-left:8px}.page-label{font:10px var(--mono);letter-spacing:.1em;color:#99938a}.playground-layout{display:grid;grid-template-columns:290px 1fr;gap:25px;margin-top:35px}.mission-list,.playground-terminal,.studio-panel,.compare-table,.reference-list{border:1px solid var(--line);background:#fff}.mission-list{padding:10px}.mission-list button{width:100%;display:block;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:16px 12px;font-size:11px}.mission-list button:last-child{border-bottom:0}.mission-list button.active{background:#fff1eb;color:var(--orange);font-weight:800}.mission-list small{display:block;color:#999;margin-top:5px;font-size:9px}.playground-terminal{background:var(--navy);color:#e8ecec;min-height:400px}.playground-terminal .terminal-body{min-height:325px}.terminal-input{display:flex;border-top:1px solid #ffffff18;padding:15px 20px}.terminal-input input{background:transparent;border:0;color:#fff;outline:0;flex:1;font:11px var(--mono)}.terminal-input button{border:0;background:var(--orange);color:#fff;padding:9px 12px;font:10px var(--mono)}.studio-panel{display:grid;grid-template-columns:1fr 1fr;margin-top:35px}.studio-form{padding:28px}.studio-form label{display:block;font:10px var(--mono);color:#99938a;margin-bottom:8px}.studio-form input,.studio-form textarea{width:100%;border:1px solid var(--line);padding:12px;font:12px var(--sans);margin-bottom:22px;background:var(--paper)}.studio-form textarea{height:100px;resize:vertical}.studio-form .button{border:0}.studio-result{background:var(--navy);padding:28px;color:#fff;min-height:400px}.studio-result pre{font:11px/1.7 var(--mono);white-space:pre-wrap;color:#c7d6ce}.tool-picker{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 22px}.tool-picker label{border:1px solid var(--line);padding:8px 10px;color:var(--muted);font:10px var(--sans);cursor:pointer}.tool-picker input{display:none}.tool-picker input:checked+span{color:var(--orange)}.compare-table{margin-top:35px;overflow:auto}.compare-table table{border-collapse:collapse;width:100%;min-width:700px;text-align:left}.compare-table th,.compare-table td{padding:18px 20px;border-bottom:1px solid var(--line);font-size:12px}.compare-table th{font:10px var(--mono);color:#99938a;background:#faf9f5}.compare-table td:not(:first-child){font-size:11px;color:var(--muted)}.compare-table td:first-child{font-weight:700}.tick{color:#5ba98d}.workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:35px}.workflow-card{border:1px solid var(--line);padding:25px;background:#fff;display:grid;grid-template-columns:45px 1fr auto;gap:15px;align-items:start}.workflow-card>span{color:var(--orange);font:11px var(--mono)}.workflow-card h2{font-size:19px;letter-spacing:-.05em;margin:0 0 8px}.workflow-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.workflow-card a{font-size:18px;color:var(--orange)}.reference-toolbar{display:flex;gap:10px;margin-top:35px}.reference-toolbar input,.reference-toolbar select{border:1px solid var(--line);background:#fff;padding:14px;font:12px var(--sans)}.reference-toolbar input{flex:1}.reference-list{margin-top:12px}.reference-row{display:grid;grid-template-columns:1.2fr 1fr .7fr auto;gap:20px;padding:20px;border-bottom:1px solid var(--line);align-items:center}.reference-row:last-child{border:0}.reference-row strong{font-size:12px}.reference-row code{font:11px var(--mono);color:var(--orange)}.reference-row span{font-size:10px;color:var(--muted)}.reference-row a{font-size:17px;color:var(--orange)}@media(max-width:800px){.page-intro{display:block}.page-intro p{margin-top:25px}.catalog-grid,.workflow-grid{grid-template-columns:1fr}.playground-layout{grid-template-columns:1fr}.studio-panel{grid-template-columns:1fr}.reference-row{grid-template-columns:1fr 1fr}.reference-row span{display:none}}
.assessment-page-panel{background:#fff;border:1px solid var(--line);padding:40px;max-width:850px;margin:35px auto 0}.assessment-page-panel h2{font-size:34px;letter-spacing:-.07em;margin:35px 0}.full-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.full-answers button{border:1px solid var(--line);background:var(--paper);padding:18px;text-align:left;font-size:12px;min-height:75px}.full-answers button:hover{border-color:var(--orange);background:#fff4ef}.assessment-page-panel>.progress-line{margin-top:50px}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-top:35px}.dashboard-card{background:#fff;border:1px solid var(--line);padding:28px;min-height:230px}.dashboard-card h2{font-size:25px;letter-spacing:-.06em;margin:20px 0 10px}.dashboard-card p{font-size:12px;line-height:1.6;color:var(--muted);max-width:330px}.big-progress{margin:35px 0 17px}.big-progress strong{font-size:48px;letter-spacing:-.08em}.big-progress .progress-line{margin-top:12px}.dashboard-card .button{margin-top:12px}.dashboard-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);min-height:0}.dashboard-stats div{border-right:1px solid var(--line);padding-right:20px}.dashboard-stats div:last-child{border:0}.dashboard-stats span{display:block;font:9px var(--mono);color:#99938a;margin-bottom:14px}.dashboard-stats strong{font-size:25px;letter-spacing:-.06em}.assessment-result-copy{color:var(--muted);line-height:1.7;max-width:480px;margin:0 0 30px}.changelog-list{max-width:850px;margin:35px auto}.changelog-list article{display:grid;grid-template-columns:150px 1fr 40px;gap:30px;border-top:1px solid var(--line);padding:28px 0}.changelog-list article>span{font:10px var(--mono);color:var(--orange)}.changelog-list h2{font-size:23px;letter-spacing:-.06em;margin:0 0 8px}.changelog-list p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.changelog-list b{font:11px var(--mono);color:#aaa}@media(max-width:800px){.assessment-page-panel{padding:25px}.full-answers,.dashboard-grid{grid-template-columns:1fr}.dashboard-stats{grid-column:auto;grid-template-columns:1fr;gap:20px}.dashboard-stats div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:15px}.changelog-list article{grid-template-columns:1fr 35px;gap:10px}.changelog-list article>span{grid-column:1 / -1}}
@media(min-width:801px){.reference-row{grid-template-columns:1.1fr 1.2fr .9fr 1fr auto}.reference-row small{font-size:10px;color:var(--muted)}}
.page-intro-flat{margin-top:65px;padding-top:0;border-bottom:0;border-top:1px solid var(--line);padding-top:55px}.page-intro-small{font-size:40px}
.studio-actions{display:flex;gap:8px;align-items:center}.studio-tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.studio-tab{background:transparent;border:1px solid #ffffff25;color:#9eabb0;padding:7px 11px;font:10px var(--mono);cursor:pointer}.studio-tab.active{border-color:var(--orange);color:#fff;background:#ff642c18}.studio-result pre{max-height:520px;overflow:auto}
.terminal-pre{font:11px/1.6 var(--mono);color:#c7d6ce;margin:0;white-space:pre-wrap}.mission-list button{line-height:1.5}
.studio-mode{display:flex;gap:0;margin-top:35px;border:1px solid var(--line);width:fit-content;background:#fff}.studio-mode-btn{background:transparent;border:0;padding:12px 22px;font:10px var(--mono);letter-spacing:.06em;color:var(--muted);cursor:pointer}.studio-mode-btn.active{background:var(--ink);color:#fff}.studio-panel[hidden]{display:none}.convert-input{height:220px;font-family:var(--mono);font-size:11px}.convert-report{margin:14px 0 4px}.convert-list{list-style:none;padding:0;margin:0}.convert-list li{font-size:11px;line-height:1.5;padding:8px 0 8px 20px;border-bottom:1px solid #ffffff13;position:relative;color:#c7d6ce}.convert-list li:before{position:absolute;left:0}.convert-list li.ok:before{content:"✓";color:#6fc4a4}.convert-list li.translated:before{content:"↔";color:#e0b25f}.convert-list li.unsupported:before{content:"✕";color:#e68062}.convert-list li.manual:before{content:"→";color:#7fa9d0}.convert-output-label{margin-top:22px}
.compare-symbol{display:block;color:var(--orange);font-size:14px;margin-bottom:6px}.compare-meta-row td{background:#faf9f5}.compare-meta-row small{font:10px var(--mono);color:var(--muted);line-height:1.5}.compare-note{font-size:11px;color:var(--muted);margin-top:16px;max-width:640px;line-height:1.6}