.tmc-page{--tmc-bg:#080808;--tmc-panel:#111;--tmc-input:#1a1a1a;--tmc-border:#303030;--tmc-text:#f5f3ed;--tmc-muted:#aaa79f;--tmc-accent:#fbbf24;--tmc-paper:#eee5d2;background:var(--tmc-bg);color:var(--tmc-text);padding:108px 24px 20px;min-height:100vh}.tmc-container{max-width:1160px;margin:auto}.tmc-hero{text-align:center;padding:22px 0 30px}.tmc-kicker{color:var(--tmc-accent);font:500 11px/1.5 var(--font-mono,monospace);letter-spacing:.16em;margin:0 0 16px}.tmc-hero h1{font-size:clamp(32px,4.7vw,58px);font-weight:800;line-height:1.1;letter-spacing:-.045em;margin:0 0 16px}.tmc-subtitle{font-size:15px;line-height:1.7;color:var(--tmc-muted);margin:0 auto;max-width:640px}.tmc-perks{color:var(--tmc-accent);font-size:12px;letter-spacing:.04em;margin:16px 0 0}.tmc-studio{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--tmc-border);border-radius:20px;background:var(--tmc-panel);overflow:hidden;scroll-margin-top:100px}.tmc-editor{padding:28px;border-right:1px solid var(--tmc-border)}.tmc-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--tmc-text);margin-bottom:10px}.tmc-label>span{color:var(--tmc-muted);font-size:11px;font-weight:400}.tmc-page select,.tmc-page textarea{background:var(--tmc-input);border:1px solid var(--tmc-border);color:var(--tmc-text);border-radius:10px;font:inherit}.tmc-page textarea{width:100%;resize:vertical;min-height:94px;padding:14px;font-size:15px;line-height:1.7;margin-bottom:18px}.tmc-page textarea::placeholder{color:#77746c}.tmc-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.tmc-selection-heading .tmc-label{margin:0}.tmc-text-button{color:var(--tmc-accent);font-size:11px;min-height:44px}.tmc-hint{font-size:11px;color:var(--tmc-muted);line-height:1.7;margin:2px 0 10px}.tmc-words{display:flex;flex-wrap:wrap;gap:6px;min-height:50px;margin:0 0 20px}.tmc-words button{border:1px solid var(--tmc-border);border-radius:6px;padding:8px 10px;background:var(--tmc-input);font-size:13px;min-height:44px}.tmc-words button[aria-pressed=true]{background:var(--tmc-accent);border-color:var(--tmc-accent);color:#17120a;text-decoration:underline;text-underline-offset:4px}.tmc-settings{border:0;padding:0;margin:0;min-width:0}.tmc-ratios{display:flex;gap:8px;margin-bottom:18px}.tmc-ratios button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--tmc-border);border-radius:8px;font-size:12px;background:var(--tmc-input)}.tmc-ratios button[aria-pressed=true]{border-color:var(--tmc-accent);color:var(--tmc-accent);background:#2b2314}.tmc-ratio-icon{display:block;border:1px solid;width:11px;height:17px;border-radius:2px}.tmc-ratio-1-1{width:14px;height:14px}.tmc-ratio-16-9{width:19px;height:11px}.tmc-page select{min-height:44px;padding:8px 12px;font-size:12px}.tmc-settings>select{width:100%}.tmc-advanced{margin-top:18px;border-top:1px solid var(--tmc-border);padding-top:8px}.tmc-page summary{cursor:pointer;padding:12px 0;font-size:12px}.tmc-advanced-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:10px}.tmc-advanced-body label{display:flex;flex-direction:column;gap:9px;font-size:11px}.tmc-page input[type=range]{accent-color:var(--tmc-accent);width:100%;min-height:30px}.tmc-preview-panel{padding:20px 24px 14px;min-width:0;display:flex;flex-direction:column}.tmc-preview-title{display:flex;justify-content:space-between;color:var(--tmc-muted);font:10px var(--font-mono,monospace);letter-spacing:.12em;margin-bottom:14px}.tmc-stage{background:#080808;border:1px solid #242424;border-radius:10px;display:flex;align-items:center;justify-content:center;height:345px;overflow:hidden;padding:18px}.tmc-stage canvas{display:block;max-height:100%;max-width:100%;width:auto;height:auto;box-shadow:0 12px 25px #0006}.tmc-playback{display:flex;justify-content:center;gap:18px;margin-top:8px}.tmc-playback button{display:flex;align-items:center;gap:7px;min-height:44px;font-size:11px;color:var(--tmc-text)}.tmc-motion{font-size:10px;line-height:1.6;color:var(--tmc-muted);text-align:center;max-width:400px;margin:0 auto}.tmc-output{grid-column:1/-1;border-top:1px solid var(--tmc-border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#151515}.tmc-output-options{display:flex;align-items:center;gap:12px}.tmc-format{font:11px var(--font-mono,monospace);color:var(--tmc-muted)}.tmc-local{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--tmc-muted)}.tmc-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--tmc-accent);color:#17120a!important;border:1px solid transparent;border-radius:9px;padding:12px 23px;min-height:46px;font-size:13px;font-weight:700;text-decoration:none}.tmc-primary:hover{background:#fcd34d}.tmc-page button{cursor:pointer}.tmc-page button:disabled,.tmc-page fieldset:disabled{opacity:.45;cursor:not-allowed}.tmc-page :is(button,a,summary,select,textarea,input):focus-visible{outline:2px solid var(--tmc-accent);outline-offset:4px}.tmc-export-progress{display:flex;gap:14px;align-items:center;font-size:12px}.tmc-export-progress button{min-height:44px;text-decoration:underline}.tmc-status{font-size:12px;line-height:1.8;color:var(--tmc-accent);min-height:25px;padding-top:10px;display:flex;gap:14px;flex-wrap:wrap}.tmc-status a{text-decoration:underline}.tmc-section{padding:65px 0;border-bottom:1px solid #252525}.tmc-section h2{font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:-.035em;line-height:1.2;margin:0 0 28px}.tmc-section-heading>p:last-child{color:var(--tmc-muted);font-size:13px;margin-top:-12px;margin-bottom:28px}.tmc-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tmc-example{background:transparent;text-align:left;border:1px solid var(--tmc-border);border-radius:12px;overflow:hidden;transition:border-color .15s}.tmc-example:hover{border-color:var(--tmc-accent)}.tmc-paper-mini{display:flex;flex-direction:column;align-items:center;padding:24px 18px;background:var(--tmc-paper);color:#24221c;min-height:230px;font-family:Georgia,serif;position:relative;overflow:hidden}.tmc-example-1 .tmc-paper-mini{background:#e6dfcf}.tmc-example-2 .tmc-paper-mini{background:#eae7df}.tmc-mini-masthead{font-size:14px;font-weight:900;letter-spacing:-.04em}.tmc-mini-rule{height:2px;width:95%;background:#454137;margin:10px 0 18px}.tmc-mini-label{font-size:8px;letter-spacing:.15em}.tmc-mini-word{font-size:clamp(23px,3vw,36px);font-weight:700;background:#edc84b;margin:14px 0;padding:0 7px;z-index:1}.tmc-mini-lines{width:90%;height:45px;background:repeating-linear-gradient(180deg,#5b564b88 0 1px,transparent 1px 5px);mask-image:linear-gradient(90deg,#000 0 30%,transparent 30% 34%,#000 34% 64%,transparent 64% 68%,#000 68%)}.tmc-example-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;font-size:12px}.tmc-three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.tmc-three-columns h3{font-size:19px;font-weight:650;margin:14px 0 10px}.tmc-section p{color:var(--tmc-muted);line-height:1.8;font-size:13px}.tmc-step-number{font:12px var(--font-mono,monospace);color:var(--tmc-accent)}.tmc-uses article{border-left:2px solid var(--tmc-accent);padding-left:22px}.tmc-uses h3{margin-top:0}.tmc-definition{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.tmc-explainer{display:flex;gap:10px}.tmc-explainer>div{background:var(--tmc-paper);color:#23221d;flex:1;min-width:0;padding:20px 8px;text-align:center;font-family:Georgia,serif}.tmc-explainer span{display:block;font-size:8px;font-weight:700}.tmc-explainer i{display:block;height:25px;background:repeating-linear-gradient(180deg,#7e786c88 0 1px,transparent 1px 5px);margin:13px 0}.tmc-explainer strong{display:block;background:#edc84b;font-size:12px;overflow:hidden}.tmc-explainer small{font-size:9px}.tmc-faq{max-width:780px;margin:auto}.tmc-faq details{border-top:1px solid var(--tmc-border)}.tmc-faq summary{padding:20px 5px;font-size:14px}.tmc-faq details p{padding:0 5px 20px;margin:0}.tmc-related{text-align:center;border-bottom:0}.tmc-related>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.tmc-related>div a{border:1px solid var(--tmc-border);border-radius:9px;padding:16px;font-size:12px}.tmc-related>div a span{color:var(--tmc-accent);margin-left:20px}.tmc-back{margin-top:30px}.tmc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:767px){.tmc-page{padding:90px 16px 10px}.tmc-hero{padding:10px 0 24px}.tmc-hero h1{font-size:34px}.tmc-subtitle{font-size:13px}.tmc-studio{grid-template-columns:1fr;border-radius:14px}.tmc-editor{border-right:0;border-bottom:1px solid var(--tmc-border);padding:20px}.tmc-preview-panel{padding:16px}.tmc-stage{height:290px}.tmc-output{flex-direction:column;align-items:stretch;padding:16px}.tmc-output-options{justify-content:space-between}.tmc-local{display:none}.tmc-output .tmc-primary{width:100%}.tmc-examples{grid-template-columns:1fr;gap:16px}.tmc-paper-mini{min-height:210px}.tmc-mini-word{font-size:32px}.tmc-three-columns{grid-template-columns:1fr;gap:24px}.tmc-section{padding:44px 0}.tmc-definition{grid-template-columns:1fr;gap:22px}.tmc-hero .tmc-kicker{font-size:9px}.tmc-export-progress{justify-content:space-between}.tmc-words{margin-bottom:16px}.tmc-selection-heading{flex-wrap:wrap}}.tmc-example .tmc-paper-mini{padding:0;min-height:0}.tmc-paper-mini>canvas{display:block;width:100%;height:auto}.tmc-paper-mini>.tmc-mini-label{padding:14px 10px 4px}.tmc-example-word{font-size:19px;padding:0 12px 16px;font-weight:700}.tmc-page button.tmc-select-trigger{width:100%;min-height:44px;height:44px;background:var(--tmc-input);border:1px solid var(--tmc-border);border-radius:10px;color:var(--tmc-text);font-size:12px;box-shadow:none;transition:border-color .15s,background .15s}.tmc-page button.tmc-select-trigger:hover{background:#222;border-color:#57534a}.tmc-page button.tmc-select-trigger[data-state=open]{border-color:var(--tmc-accent);box-shadow:0 0 0 2px #fbbf241a}.tmc-page button.tmc-select-trigger:focus-visible{outline:2px solid var(--tmc-accent);outline-offset:3px;box-shadow:none}.tmc-output-options .tmc-select-trigger{width:104px!important}.tmc-select-menu{--tmc-accent:#fbbf24;background:#181818;color:#f5f3ed;border:1px solid #36342e;border-radius:12px;padding:4px;box-shadow:0 12px 36px #0009;max-width:calc(100vw - 32px)}.tmc-select-menu .tmc-select-option{min-height:44px;border-radius:7px;font-size:12px;cursor:pointer}.tmc-select-menu .tmc-select-option[data-highlighted]{background:#302818;color:#fcd34d;outline:none}.tmc-select-menu .tmc-select-option[data-state=checked]{background:#2a2315;color:var(--tmc-accent)}.tmc-select-menu .tmc-select-option svg{color:var(--tmc-accent)}@media(prefers-reduced-motion:reduce){.tmc-page *{scroll-behavior:auto!important;transition:none!important}}