.tmd-root{display:flex;flex-direction:column;gap:var(--lph-space-16, 4rem);padding-bottom:calc(var(--lph-space-16, 4rem) + 88px);color:var(--lph-color-text-primary, #0f172a);font-family:var(--lph-font-body, system-ui, sans-serif)}.tmd-section{opacity:1;transform:none}.tmd-root[data-tmd-pre-reveal] .tmd-section{opacity:0;transform:translateY(18px)}@media(prefers-reduced-motion:no-preference){.tmd-root.tmd-is-revealing .tmd-section{transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.tmd-root.tmd-is-revealing .tmd-section--theme{transition-delay:.02s}.tmd-root.tmd-is-revealing .tmd-section--header{transition-delay:.14s}.tmd-root.tmd-is-revealing .tmd-section--page{transition-delay:.26s}}.tmd-section-head{max-width:62ch;margin-bottom:var(--lph-space-8, 2rem)}.tmd-eyebrow{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 var(--lph-space-3, .75rem);padding:.28rem .7rem;border-radius:var(--lph-radius-full, 9999px);border:1px solid var(--lph-color-border, #e2e8f0);background:var(--lph-color-bg-section, #f8fafc);color:var(--lph-color-text-secondary, #475569);font-family:var(--lph-font-mono, monospace);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.tmd-section-title{margin:0;font-family:var(--lph-font-heading, system-ui, sans-serif);font-weight:var(--lph-font-weight-bold, 700);font-size:clamp(1.6rem,1rem + 2vw,2.35rem);letter-spacing:-.02em;line-height:1.12;color:var(--lph-color-text-primary, #0f172a)}.tmd-section-sub{margin:var(--lph-space-3, .75rem) 0 0;font-size:var(--lph-font-size-base, 1rem);line-height:var(--lph-line-height-relaxed, 1.6);color:var(--lph-color-text-secondary, #475569)}.tmd-chrome{display:flex;flex-direction:column;border-radius:.875rem;border:1px solid var(--lph-color-border, #e2e8f0);background:var(--lph-color-bg-card, #fff);overflow:hidden;box-shadow:0 30px 70px -32px #0f172a59;transition:box-shadow var(--lph-duration-slow, .35s) var(--lph-ease-default, ease),border-color var(--lph-duration-slow, .35s) var(--lph-ease-default, ease),transform var(--lph-duration-slow, .35s) var(--lph-ease-default, ease)}.tmd-chrome-bar{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding:.45rem .65rem;background:var(--lph-color-bg-section, #f8fafc);border-bottom:1px solid var(--lph-color-border, #e2e8f0)}.tmd-chrome-dots,.tmd-frame-dots{display:flex;gap:.3rem;flex-shrink:0}.tmd-chrome-dots span,.tmd-frame-dots span{width:7px;height:7px;border-radius:50%;display:inline-block}.tmd-chrome-dots span:nth-child(1),.tmd-frame-dots span:nth-child(1){background:#ff5f57}.tmd-chrome-dots span:nth-child(2),.tmd-frame-dots span:nth-child(2){background:#febc2e}.tmd-chrome-dots span:nth-child(3),.tmd-frame-dots span:nth-child(3){background:#28c840}.tmd-chrome-url,.tmd-frame-url{flex:1;min-width:0;padding:.22rem .6rem;border-radius:999px;border:1px solid var(--lph-color-border, #e2e8f0);background:var(--lph-color-bg-page, #fff);color:var(--lph-color-text-tertiary, #94a3b8);font-family:var(--lph-font-mono, monospace);font-size:.625rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tmd-chrome-body{position:relative;aspect-ratio:4 / 3;background:var(--lph-color-bg-page, #fff);overflow:hidden}.tmd-chrome-viewport{position:absolute;inset:0;overflow:hidden;pointer-events:none}.tmd-sim-stage{width:400%;height:400%;transform:scale(.25);transform-origin:0 0;pointer-events:none}.tmd-lock-badge{position:absolute;top:.6rem;right:.6rem;z-index:2;display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:var(--lph-radius-full, 9999px);background:color-mix(in srgb,var(--lph-color-text-primary, #0f172a) 78%,transparent);color:var(--lph-color-text-on-dark, #f8fafc);font-size:.68rem;font-weight:600;backdrop-filter:blur(3px)}.tmd-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--lph-space-5, 1.25rem)}.tmd-theme-card{display:flex;flex-direction:column;gap:var(--lph-space-3, .75rem);cursor:pointer;border-radius:.875rem;outline-offset:3px}.tmd-theme-card:focus-visible{outline:2px solid var(--lph-color-primary, #2563eb)}.tmd-theme-card:hover .tmd-chrome{transform:translateY(-3px);box-shadow:0 34px 76px -30px #0f172a6b}.tmd-theme-card[aria-selected=true] .tmd-chrome{border-color:var(--lph-color-primary, #2563eb);box-shadow:0 0 0 2px var(--lph-color-primary, #2563eb),0 30px 70px -32px #0f172a66}.tmd-theme-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .15rem}.tmd-theme-label{font-size:.875rem;font-weight:600;color:var(--lph-color-text-primary, #0f172a)}.tmd-tier-pill{flex-shrink:0;padding:.16rem .55rem;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.03em;border:1px solid}.tmd-tier-pill[data-tier=starter]{color:#059669;border-color:color-mix(in srgb,#059669 35%,transparent);background:color-mix(in srgb,#059669 10%,transparent)}.tmd-tier-pill[data-tier=pro]{color:#0284c7;border-color:color-mix(in srgb,#0284c7 35%,transparent);background:color-mix(in srgb,#0284c7 10%,transparent)}.tmd-tier-pill[data-tier=business]{color:#7c3aed;border-color:color-mix(in srgb,#7c3aed 35%,transparent);background:color-mix(in srgb,#7c3aed 10%,transparent)}.tmd-header-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--lph-space-5, 1.25rem)}.tmd-header-card{display:flex;flex-direction:column;gap:var(--lph-space-3, .75rem);border-radius:.875rem;outline-offset:3px}.tmd-header-card:focus-visible{outline:2px solid var(--lph-color-primary, #2563eb)}.tmd-header-card[aria-selected=true] .tmd-frame--header{border-color:var(--lph-color-primary, #2563eb);box-shadow:0 0 0 2px var(--lph-color-primary, #2563eb),0 30px 70px -32px #0f172a66}.tmd-header-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .15rem}.tmd-header-label{font-size:.875rem;font-weight:600}.tmd-header-try{min-height:44px;padding:.3rem .9rem;border-radius:var(--lph-radius-full, 9999px);border:1px solid var(--lph-color-border-strong, #cbd5e1);background:transparent;color:var(--lph-color-text-secondary, #475569);font-size:.75rem;font-weight:600;cursor:pointer;transition:border-color var(--lph-duration-base, .2s) var(--lph-ease-default, ease),color var(--lph-duration-base, .2s) var(--lph-ease-default, ease)}.tmd-header-try:hover{border-color:var(--lph-color-primary, #2563eb);color:var(--lph-color-primary, #2563eb)}.tmd-frame{position:relative;display:flex;flex-direction:column;border-radius:.75rem;border:1px solid var(--lph-color-border, #e2e8f0);background:var(--lph-color-bg-card, #fff);overflow:hidden;box-shadow:0 24px 60px -30px #0f172a4d}.tmd-frame--header .tmd-frame-bar{display:flex;align-items:center;gap:.45rem;padding:.4rem .55rem;background:var(--lph-color-bg-section, #f8fafc);border-bottom:1px solid var(--lph-color-border, #e2e8f0)}.tmd-frame--header .tmd-frame-body{position:relative;aspect-ratio:16 / 10;background:var(--lph-color-bg-page, #fff)}.tmd-hit-44{position:relative}.tmd-hit-44:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.tmd-frame-expand{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:.4rem;border:1px solid var(--lph-color-border, #e2e8f0);background:var(--lph-color-bg-page, #fff);color:var(--lph-color-text-secondary, #475569);cursor:pointer}.tmd-frame-expand:hover{color:var(--lph-color-primary, #2563eb);border-color:var(--lph-color-primary, #2563eb)}.tmd-frame--mini{border-radius:.6rem;box-shadow:none}.tmd-frame--mini .tmd-frame-body{position:relative;aspect-ratio:16 / 10;background:var(--lph-color-bg-page, #fff)}.tmd-frame-viewport{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .3s ease}.tmd-frame.is-loaded .tmd-frame-viewport{opacity:1}.tmd-frame-iframe{width:285.7143%;height:285.7143%;border:0;transform:scale(.35);transform-origin:0 0;pointer-events:none}.tmd-frame--mini .tmd-frame-iframe{width:400%;height:400%;transform:scale(.25)}.tmd-frame-skeleton{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:1rem;background:var(--lph-color-bg-section, #f8fafc);opacity:0;transition:opacity .25s ease}.tmd-frame.is-skeleton .tmd-frame-skeleton,.tmd-frame.is-loading .tmd-frame-skeleton{opacity:1}.tmd-frame-skeleton-bar{height:.6rem;width:45%;border-radius:999px;background:color-mix(in srgb,var(--lph-color-primary, #2563eb) 16%,transparent)}.tmd-frame-skeleton-line{height:.5rem;width:75%;border-radius:999px;background:color-mix(in srgb,var(--lph-color-text-primary, #0f172a) 9%,transparent)}@media(prefers-reduced-motion:no-preference){.tmd-frame.is-loading .tmd-frame-skeleton{animation:tmd-pulse 1.4s ease-in-out infinite}}@keyframes tmd-pulse{0%,to{opacity:.55}50%{opacity:1}}.tmd-frame-fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:var(--lph-color-bg-section, #f8fafc);color:var(--lph-color-text-tertiary, #94a3b8);font-family:var(--lph-font-heading, system-ui, sans-serif);font-weight:700;font-size:1.4rem}.tmd-frame.tmd-frame-error .tmd-frame-fallback{display:flex}.tmd-frame.tmd-frame-error .tmd-frame-viewport,.tmd-frame.tmd-frame-error .tmd-frame-skeleton{display:none}.tmd-lettertile{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;border-radius:.6rem;font-family:var(--lph-font-heading, system-ui, sans-serif);font-weight:700;font-size:1.35rem;color:var(--lph-color-primary-text, #fff)}.tmd-lettertile[data-tone="0"]{background:color-mix(in srgb,var(--lph-color-primary, #2563eb) 82%,transparent)}.tmd-lettertile[data-tone="1"]{background:color-mix(in srgb,var(--lph-color-accent, #f59e0b) 82%,transparent)}.tmd-lettertile[data-tone="2"]{background:color-mix(in srgb,var(--lph-color-secondary, #64748b) 82%,transparent)}.tmd-toggle-row{display:flex;align-items:center;gap:var(--lph-space-4, 1rem);margin-bottom:var(--lph-space-4, 1rem);flex-wrap:wrap}.tmd-toggle-label{display:inline-flex;align-items:center;gap:.5rem;border:0;background:none;padding:0;font-size:.9rem;font-weight:600;color:var(--lph-color-text-tertiary, #94a3b8);cursor:default}.tmd-root[data-tmd-page-mode=readymade] .tmd-toggle-label[data-tmd-toggle-target=on],.tmd-root[data-tmd-page-mode=composer] .tmd-toggle-label[data-tmd-toggle-target=off],.tmd-root[data-tmd-webshop=off] .tmd-toggle-label[data-tmd-webshop-target=off],.tmd-root[data-tmd-webshop=on] .tmd-toggle-label[data-tmd-webshop-target=on]{color:var(--lph-color-text-primary, #0f172a)}.tmd-toggle-row--webshop{margin-bottom:var(--lph-space-3, .75rem)}#tmd-webshop-note{margin-bottom:var(--lph-space-6, 1.5rem)}.tmd-badge-recommended{padding:.14rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--lph-color-primary, #2563eb) 12%,transparent);color:var(--lph-color-primary, #2563eb);font-size:.66rem;font-weight:700;letter-spacing:.02em}.tmd-switch{position:relative;flex-shrink:0;width:46px;height:26px;border-radius:999px;border:1px solid var(--lph-color-border-strong, #cbd5e1);background:var(--lph-color-border, #e2e8f0);cursor:pointer;transition:background-color var(--lph-duration-base, .2s) var(--lph-ease-default, ease)}.tmd-switch[aria-checked=true]{background:var(--lph-color-primary, #2563eb);border-color:var(--lph-color-primary, #2563eb)}.tmd-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--lph-color-bg-card, #fff);box-shadow:0 1px 3px #0f172a59;transition:transform var(--lph-duration-base, .2s) var(--lph-ease-default, ease)}.tmd-switch[aria-checked=true] .tmd-switch-thumb{transform:translate(20px)}.tmd-switch:focus-visible{outline:2px solid var(--lph-color-primary, #2563eb);outline-offset:2px}.tmd-readymade-note{margin:0;padding:var(--lph-space-4, 1rem) var(--lph-space-5, 1.25rem);border-radius:var(--lph-radius-lg, .75rem);background:var(--lph-color-primary-light, #dbeafe);color:var(--lph-color-text-secondary, #475569);font-size:.9rem;line-height:var(--lph-line-height-normal, 1.5)}.tmd-composer{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--lph-space-6, 1.5rem);align-items:start}.tmd-composer-panel{border:1px solid var(--lph-color-border, #e2e8f0);border-radius:var(--lph-radius-lg, .75rem);background:var(--lph-color-bg-card, #fff);padding:var(--lph-space-5, 1.25rem)}.tmd-composer-heading{margin:0 0 var(--lph-space-4, 1rem);font-size:.95rem;font-weight:700;color:var(--lph-color-text-primary, #0f172a)}.tmd-stack-headrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--lph-space-4, 1rem)}.tmd-stack-headrow .tmd-composer-heading{margin:0}.tmd-stack-count{font-family:var(--lph-font-mono, monospace);font-size:.72rem;color:var(--lph-color-text-tertiary, #94a3b8)}.tmd-stack-notice{margin:0 0 var(--lph-space-3, .75rem);padding:.5rem .75rem;border-radius:var(--lph-radius-md, .5rem);background:color-mix(in srgb,var(--lph-color-danger, #ef4444) 10%,transparent);color:var(--lph-color-danger, #ef4444);font-size:.78rem}.tmd-palette-list{display:flex;flex-direction:column;gap:.65rem;max-height:560px;overflow-y:auto;padding-right:.25rem}.tmd-palette-card{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:.75rem;padding:.55rem;border:1px solid var(--lph-color-border, #e2e8f0);border-radius:var(--lph-radius-md, .5rem);background:var(--lph-color-bg-page, #fff);cursor:grab;transition:border-color var(--lph-duration-base, .2s) var(--lph-ease-default, ease),transform var(--lph-duration-base, .2s) var(--lph-ease-default, ease)}.tmd-palette-card:hover{border-color:var(--lph-color-primary, #2563eb)}.tmd-palette-card:focus-visible{outline:2px solid var(--lph-color-primary, #2563eb);outline-offset:2px}.tmd-palette-card.tmd-is-dragging{opacity:.4}.tmd-palette-card.tmd-at-cap{cursor:not-allowed;opacity:.55}.tmd-palette-thumb,.tmd-palette-thumb .tmd-frame,.tmd-palette-thumb .tmd-lettertile{width:74px}.tmd-palette-meta{min-width:0}.tmd-palette-name{margin:0;font-size:.82rem;font-weight:600;color:var(--lph-color-text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmd-palette-desc{margin:.15rem 0 0;font-size:.72rem;line-height:1.35;color:var(--lph-color-text-tertiary, #94a3b8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tmd-palette-add{flex-shrink:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--lph-color-primary, #2563eb);background:var(--lph-color-primary-light, #dbeafe);color:var(--lph-color-primary, #2563eb);cursor:pointer;min-width:44px}.tmd-palette-add:hover{background:var(--lph-color-primary, #2563eb);color:var(--lph-color-primary-text, #fff)}.tmd-palette-add:disabled{opacity:.4;cursor:not-allowed}.tmd-stack-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.55rem;min-height:40px}.tmd-stack-item{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.6rem;padding:.55rem .7rem;border:1px solid var(--lph-color-border, #e2e8f0);border-radius:var(--lph-radius-md, .5rem);background:var(--lph-color-bg-page, #fff);cursor:grab}.tmd-stack-item.tmd-is-dragging{opacity:.4}.tmd-stack-item.tmd-is-drop-target{border-color:var(--lph-color-primary, #2563eb);box-shadow:0 0 0 1px var(--lph-color-primary, #2563eb)}.tmd-stack-glyph{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--lph-color-primary, #2563eb);flex-shrink:0}.tmd-stack-handle{color:var(--lph-color-text-tertiary, #94a3b8);flex-shrink:0;cursor:grab}.tmd-stack-name{min-width:0;font-size:.82rem;font-weight:600;color:var(--lph-color-text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmd-stack-order-btns{display:flex;flex-direction:column;gap:5px}.tmd-stack-order-btns button,.tmd-stack-remove{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--lph-color-text-tertiary, #94a3b8);cursor:pointer;min-width:26px;min-height:26px}.tmd-stack-order-btns button:hover,.tmd-stack-remove:hover{color:var(--lph-color-primary, #2563eb)}.tmd-stack-order-btns button:disabled{opacity:.3;cursor:not-allowed}.tmd-stack-remove:hover{color:var(--lph-color-danger, #ef4444)}.tmd-stack-empty{margin:0;padding:var(--lph-space-5, 1.25rem);border:1px dashed var(--lph-color-border-strong, #cbd5e1);border-radius:var(--lph-radius-md, .5rem);text-align:center;font-size:.82rem;color:var(--lph-color-text-tertiary, #94a3b8)}.tmd-stack-list:not(:empty)+.tmd-stack-empty{display:none}.tmd-footerbar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--lph-space-4, 1rem);margin-top:calc(-1 * var(--lph-space-16, 4rem) + var(--lph-space-6, 1.5rem));padding:var(--lph-space-4, 1rem) var(--lph-space-5, 1.25rem);border:1px solid var(--lph-color-border, #e2e8f0);border-radius:var(--lph-radius-lg, .75rem);background:color-mix(in srgb,var(--lph-color-bg-card, #fff) 92%,transparent);backdrop-filter:blur(10px);box-shadow:0 -18px 40px -30px #0f172a66;flex-wrap:wrap}.tmd-footerbar-summary{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.85rem;color:var(--lph-color-text-secondary, #475569)}.tmd-footerbar-chip strong{color:var(--lph-color-text-primary, #0f172a);font-weight:700}.tmd-footerbar-sep{color:var(--lph-color-text-tertiary, #94a3b8)}.tmd-footerbar-actions{display:flex;align-items:center;gap:var(--lph-space-4, 1rem)}.tmd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--lph-space-6, 1.5rem);border-radius:var(--lph-radius-full, 9999px);border:2px solid transparent;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform var(--lph-duration-base, .2s) var(--lph-ease-default, ease),background-color var(--lph-duration-base, .2s) var(--lph-ease-default, ease)}.tmd-btn:active{transform:scale(.98)}.tmd-btn-primary{background:var(--lph-color-primary, #2563eb);color:var(--lph-color-primary-text, #fff)}.tmd-btn-primary:hover{background:var(--lph-color-primary-hover, #1d4ed8)}.tmd-btn-secondary{background:transparent;border-color:var(--lph-color-primary, #2563eb);color:var(--lph-color-primary, #2563eb)}.tmd-btn-secondary:hover{background:var(--lph-color-primary-light, #dbeafe)}.tmd-btn-ghost{min-height:44px;background:none;border:none;padding:0 var(--lph-space-2, .5rem);color:var(--lph-color-text-tertiary, #94a3b8);font-size:.85rem;font-weight:600;text-decoration:underline}.tmd-btn-ghost:hover{color:var(--lph-color-text-secondary, #475569)}.tmd-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--lph-space-5, 1.25rem);background:var(--lph-color-bg-overlay, rgba(15, 23, 42, .5))}.tmd-dialog{width:100%;max-width:420px;border-radius:var(--lph-radius-lg, .75rem);background:var(--lph-color-bg-card, #fff);border:1px solid var(--lph-color-border, #e2e8f0);box-shadow:var(--lph-shadow-lg, 0 8px 32px rgba(0,0,0,.15));padding:var(--lph-space-6, 1.5rem)}.tmd-dialog-eyebrow{margin:0 0 .4rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lph-color-primary, #2563eb)}.tmd-dialog-text{margin:0 0 var(--lph-space-5, 1.25rem);font-size:.95rem;line-height:var(--lph-line-height-normal, 1.5);color:var(--lph-color-text-primary, #0f172a)}.tmd-dialog-actions{display:flex;gap:.75rem;flex-wrap:wrap}.tmd-dialog-actions .tmd-btn{flex:1;min-width:140px}.tmd-overlay--lightbox{padding:var(--lph-space-8, 2rem) var(--lph-space-5, 1.25rem)}.tmd-lightbox{width:100%;max-width:1100px;height:min(76vh,760px);display:flex;flex-direction:column;border-radius:var(--lph-radius-lg, .75rem);overflow:hidden;background:var(--lph-color-bg-card, #fff);box-shadow:var(--lph-shadow-lg, 0 8px 32px rgba(0,0,0,.2))}.tmd-lightbox-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--lph-color-border, #e2e8f0);background:var(--lph-color-bg-section, #f8fafc);flex-wrap:wrap}.tmd-lightbox-title{flex:1;min-width:0;margin:0;font-size:.9rem;font-weight:700;color:var(--lph-color-text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmd-lightbox-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--lph-color-border, #e2e8f0);background:var(--lph-color-bg-page, #fff);color:var(--lph-color-text-secondary, #475569);cursor:pointer}.tmd-lightbox-close:hover{color:var(--lph-color-primary, #2563eb);border-color:var(--lph-color-primary, #2563eb)}.tmd-lightbox-viewport-toggle{display:flex;align-items:center;gap:2px;flex-shrink:0;padding:3px;border-radius:var(--lph-radius-full, 9999px);background:var(--lph-color-bg-page, #fff);border:1px solid var(--lph-color-border, #e2e8f0)}.tmd-lightbox-viewport-toggle[hidden]{display:none}.tmd-viewport-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border:0;border-radius:var(--lph-radius-full, 9999px);background:transparent;color:var(--lph-color-text-tertiary, #94a3b8);font-size:.72rem;font-weight:600;cursor:pointer;transition:background-color var(--lph-duration-base, .2s) var(--lph-ease-default, ease),color var(--lph-duration-base, .2s) var(--lph-ease-default, ease)}.tmd-viewport-btn:hover:not(.tmd-is-active){color:var(--lph-color-text-secondary, #475569)}.tmd-viewport-btn.tmd-is-active{background:var(--lph-color-bg-section, #f8fafc);color:var(--lph-color-text-primary, #0f172a);box-shadow:0 1px 2px #0f172a1f}.tmd-viewport-btn:focus-visible{outline:2px solid var(--lph-color-primary, #2563eb);outline-offset:2px}.tmd-lightbox-body{flex:1;position:relative;overflow:auto;background:var(--lph-color-bg-page, #fff);display:flex;justify-content:center}.tmd-lightbox-iframe-wrap{position:relative;width:100%;height:100%;display:flex;justify-content:center}.tmd-lightbox-iframe-wrap[hidden]{display:none}.tmd-lightbox-iframe{border:0;width:100%;height:100%;background:var(--lph-color-bg-page, #fff);transition:width var(--lph-duration-slow, .35s) var(--lph-ease-default, ease)}.tmd-lightbox-sim-viewport{flex:1;width:100%;padding:var(--lph-space-6, 1.5rem);overflow:auto;background:var(--lph-color-bg-section, #f8fafc)}.tmd-lightbox-sim-viewport[hidden]{display:none}.tmd-lightbox-sim-frame{position:relative;width:min(900px,100%);aspect-ratio:4 / 3;margin:0 auto;border-radius:.75rem;overflow:hidden;background:var(--lph-color-bg-page, #fff);box-shadow:0 24px 60px -30px #0f172a59}.tmd-lightbox-sim-frame[data-viewport=tablet]{width:min(620px,100%);aspect-ratio:4 / 3}.tmd-lightbox-sim-frame[data-viewport=mobile]{width:min(375px,100%);aspect-ratio:9 / 16}.tmd-lightbox-sim-frame .tmd-chrome-viewport{position:absolute;inset:0;overflow:hidden}.tmd-lightbox-sim-frame .paper-sim,.tmd-lightbox-sim-frame .washi-sim,.tmd-lightbox-sim-frame .gridline-sim,.tmd-lightbox-sim-frame .atelier-sim,.tmd-lightbox-sim-frame .raw-sim,.tmd-lightbox-sim-frame .tide-sim{zoom:1!important}@media(max-width:767px){.tmd-theme-grid{grid-template-columns:repeat(2,1fr);gap:var(--lph-space-3, .75rem)}.tmd-header-grid,.tmd-composer{grid-template-columns:1fr}.tmd-footerbar{flex-direction:column;align-items:stretch}.tmd-footerbar-actions{justify-content:space-between}.tmd-footerbar-actions .tmd-btn-primary{flex:1}.tmd-palette-card{grid-template-columns:56px 1fr auto}.tmd-palette-thumb,.tmd-palette-thumb .tmd-frame,.tmd-palette-thumb .tmd-lettertile{width:56px}}@media(prefers-reduced-motion:reduce){.tmd-chrome,.tmd-btn,.tmd-switch,.tmd-switch-thumb,.tmd-palette-card,.tmd-frame-viewport,.tmd-viewport-btn,.tmd-lightbox-iframe{transition:none!important}}.tm-wizard{min-height:60vh}.tm-rail-list{display:flex;align-items:flex-start;justify-content:space-between;list-style:none;margin:0 0 var(--lph-space-12);padding:0;position:relative}.tm-rail-list:before{content:"";position:absolute;top:14px;left:14px;right:14px;height:2px;background:var(--lph-color-border);z-index:0}.tm-rail-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--lph-space-2);flex:1}.tm-rail-dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--lph-radius-full);border:2px solid var(--lph-color-border-strong);background:var(--lph-color-bg-card);color:var(--lph-color-text-tertiary);font-family:var(--lph-font-heading);font-size:var(--lph-font-size-xs);font-weight:var(--lph-font-weight-bold)}.tm-rail-item[data-state=active] .tm-rail-dot{border-color:var(--lph-color-primary);background:var(--lph-color-primary);color:var(--lph-color-primary-text)}.tm-rail-item[data-state=done] .tm-rail-dot{border-color:var(--lph-color-primary);background:var(--lph-color-primary-light);color:var(--lph-color-primary)}.tm-rail-label{font-family:var(--lph-font-body);font-size:var(--lph-font-size-xs);font-weight:var(--lph-font-weight-medium);color:var(--lph-color-text-tertiary)}.tm-rail-item[data-state=active] .tm-rail-label{color:var(--lph-color-text-primary)}.tm-step-head{margin-bottom:var(--lph-space-8)}.tm-step-head--wide{text-align:center;max-width:46rem;margin-inline:auto;margin-bottom:var(--lph-space-12)}.tm-step-head--wide .tm-step-sub{margin-inline:auto}.tm-step-sub{margin-top:var(--lph-space-3);font-family:var(--lph-font-body);font-size:var(--lph-font-size-base);line-height:var(--lph-line-height-relaxed);color:var(--lph-color-text-secondary);max-width:60ch}.tm-back-link{display:inline-block;margin-bottom:var(--lph-space-4);font-family:var(--lph-font-body);font-size:var(--lph-font-size-sm);font-weight:var(--lph-font-weight-medium);color:var(--lph-color-text-secondary);text-decoration:none}.tm-back-link:hover{color:var(--lph-color-primary)}.tm-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--lph-space-8);align-items:stretch}@media(min-width:900px){.tm-plan-grid{grid-template-columns:repeat(3,1fr)}}.tm-plan-card{position:relative;display:flex;flex-direction:column;padding:var(--lph-space-10) var(--lph-card-padding-lg) var(--lph-card-padding-lg);transition:transform var(--lph-duration-base) var(--lph-ease-default),box-shadow var(--lph-duration-base) var(--lph-ease-default)}.tm-plan-card:hover{transform:translateY(-4px);box-shadow:var(--lph-shadow-lg)}.tm-plan-card--popular{border-color:color-mix(in srgb,var(--lph-color-primary) 35%,var(--lph-color-border));box-shadow:0 1px 2px color-mix(in srgb,var(--lph-color-primary) 10%,transparent),var(--lph-shadow-md)}.tm-plan-card--popular:hover{box-shadow:0 1px 2px color-mix(in srgb,var(--lph-color-primary) 15%,transparent),var(--lph-shadow-lg)}.tm-plan-badge{position:absolute;top:-.75rem;left:var(--lph-card-padding-lg);display:inline-flex;align-items:center;padding:var(--lph-space-1) var(--lph-space-3);border-radius:var(--lph-radius-full);background:var(--lph-color-primary);color:var(--lph-color-primary-text);font-family:var(--lph-font-body);font-size:var(--lph-font-size-xs);font-weight:var(--lph-font-weight-semibold);box-shadow:var(--lph-shadow-sm)}.tm-plan-name{font-size:clamp(var(--lph-font-size-xl),2vw,var(--lph-font-size-2xl, 1.5rem));font-weight:var(--lph-font-weight-bold);color:var(--lph-color-text-primary)}.tm-plan-tagline{margin-top:var(--lph-space-2);font-family:var(--lph-font-body);font-size:var(--lph-font-size-sm);color:var(--lph-color-text-secondary);line-height:var(--lph-line-height-normal);min-height:2.6em}.tm-plan-price{margin-top:var(--lph-space-5);display:flex;align-items:baseline;gap:var(--lph-space-1)}.tm-plan-price-num{font-family:var(--lph-font-heading);font-size:clamp(2rem,3.4vw,2.75rem);font-weight:var(--lph-font-weight-bold);color:var(--lph-color-primary);line-height:1}.tm-plan-price-unit{font-family:var(--lph-font-body);font-size:var(--lph-font-size-sm);color:var(--lph-color-text-secondary)}.tm-plan-features{margin:var(--lph-space-5) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--lph-space-2);flex:1}.tm-plan-features li{display:flex;align-items:flex-start;gap:var(--lph-space-2);font-family:var(--lph-font-body);font-size:var(--lph-font-size-sm);color:var(--lph-color-text-secondary)}.tm-plan-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:.1em;border-radius:var(--lph-radius-full);background:color-mix(in srgb,var(--lph-color-primary) 10%,transparent);color:var(--lph-color-primary)}.tm-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--lph-space-2);min-height:44px;padding:var(--lph-space-3) var(--lph-space-6);margin-top:var(--lph-space-6);border-radius:var(--lph-radius-full);border:2px solid transparent;font-family:var(--lph-font-body);font-size:var(--lph-font-size-base);font-weight:var(--lph-font-weight-semibold);cursor:pointer;text-decoration:none;transition:transform var(--lph-duration-base) var(--lph-ease-default),box-shadow var(--lph-duration-base) var(--lph-ease-default),background-color var(--lph-duration-base) var(--lph-ease-default)}.tm-btn:active{transform:scale(.98)}.tm-btn:disabled{opacity:.6;cursor:not-allowed}.tm-btn-primary{background:var(--lph-color-primary);color:var(--lph-color-primary-text)}.tm-btn-primary:hover:not(:disabled){background:var(--lph-color-primary-hover)}.tm-btn-secondary{background:transparent;border-color:var(--lph-color-primary);color:var(--lph-color-primary)}.tm-btn-secondary:hover:not(:disabled){background:var(--lph-color-primary-light)}.tm-btn-block{width:100%}.tm-btn-lg{padding:var(--lph-space-4) var(--lph-space-8);font-size:var(--lph-font-size-lg)}.tm-btn-spinner{width:16px;height:16px;border-radius:var(--lph-radius-full);border:2px solid color-mix(in srgb,var(--lph-color-primary-text) 35%,transparent);border-top-color:var(--lph-color-primary-text)}.tm-btn-spinner:not([hidden]){display:inline-block;animation:tm-spin .8s linear infinite}.tm-form{padding:var(--lph-card-padding-lg);display:flex;flex-direction:column}.tm-field{margin-top:var(--lph-space-5)}.tm-field:first-child{margin-top:0}.tm-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--lph-space-4);margin-top:var(--lph-space-5)}.tm-field-row .tm-field{margin-top:0}.tm-field label{display:block;margin-bottom:var(--lph-space-2);font-family:var(--lph-font-body);font-size:var(--lph-font-size-sm);font-weight:var(--lph-font-weight-medium);color:var(--lph-color-text-primary)}.tm-input{width:100%;padding:var(--lph-space-3) var(--lph-space-4);border:1px solid var(--lph-color-border);border-radius:var(--lph-radius-input);background:var(--lph-color-bg-input);color:var(--lph-color-text-primary);font-family:var(--lph-font-body);font-size:var(--lph-font-size-base);transition:border-color var(--lph-duration-base) var(--lph-ease-default),box-shadow var(--lph-duration-base) var(--lph-ease-default)}.tm-input:focus{outline:none;border-color:var(--lph-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--lph-color-primary) 12%,transparent)}.tm-field-hint{margin:var(--lph-space-2) 0 0;font-family:var(--lph-font-body);font-size:var(--lph-font-size-xs);color:var(--lph-color-text-tertiary)}.tm-field-hint--ok{color:var(--lph-color-success)}.tm-field-error,.tm-form-error{margin:var(--lph-space-2) 0 0;font-family:var(--lph-font-body);font-size:var(--lph-font-size-xs);color:var(--lph-color-danger)}.tm-form-error:not([hidden]){margin-top:var(--lph-space-4);padding:var(--lph-space-3);border-radius:var(--lph-radius-md);background:color-mix(in srgb,var(--lph-color-danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--lph-color-danger) 25%,transparent)}.tm-reassurance{margin:var(--lph-space-4) 0 0;text-align:center;font-family:var(--lph-font-body);font-size:var(--lph-font-size-xs);color:var(--lph-color-text-tertiary)}.tm-empty-state{padding:var(--lph-card-padding-lg);border:1px dashed var(--lph-color-border-strong);border-radius:var(--lph-radius-card);background:var(--lph-color-bg-section);text-align:center}.tm-empty-state p{margin:0 0 var(--lph-space-4);font-family:var(--lph-font-body);color:var(--lph-color-text-secondary)}.tm-empty-state .tm-btn{margin-top:0}.tm-plan-chip{display:flex;align-items:center;justify-content:space-between;gap:var(--lph-space-3);margin-bottom:var(--lph-space-6);padding:var(--lph-space-3) var(--lph-space-4);border-radius:var(--lph-radius-full);background:var(--lph-color-primary-light);border:1px solid color-mix(in srgb,var(--lph-color-primary) 25%,transparent)}.tm-plan-chip-label{font-family:var(--lph-font-body);font-size:var(--lph-font-size-sm);font-weight:var(--lph-font-weight-semibold);color:var(--lph-color-primary)}.tm-plan-chip-change{font-family:var(--lph-font-body);font-size:var(--lph-font-size-xs);font-weight:var(--lph-font-weight-medium);color:var(--lph-color-text-secondary);text-decoration:underline}.tm-testmode-badge{display:inline-flex;align-items:center;gap:var(--lph-space-2);margin-bottom:var(--lph-space-5);padding:var(--lph-space-2) var(--lph-space-4);border-radius:var(--lph-radius-full);background:var(--lph-color-bg-section);border:1px solid var(--lph-color-border);font-family:var(--lph-font-body);font-size:var(--lph-font-size-sm);font-weight:var(--lph-font-weight-medium);color:var(--lph-color-text-secondary)}.tm-testmode-dot{flex-shrink:0;width:8px;height:8px;border-radius:var(--lph-radius-full);background:var(--lph-color-success, var(--lph-color-primary));animation:tm-pulse 2s ease-in-out infinite}@keyframes tm-pulse{0%,to{opacity:1}50%{opacity:.35}}.tm-confirm-panel{padding:var(--lph-space-12) var(--lph-card-padding-lg);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--lph-space-4)}.tm-spinner{width:36px;height:36px;border-radius:var(--lph-radius-full);border:3px solid var(--lph-color-border);border-top-color:var(--lph-color-primary);animation:tm-spin .9s linear infinite}.tm-confirm-text{margin:0;font-family:var(--lph-font-body);font-size:var(--lph-font-size-lg);font-weight:var(--lph-font-weight-medium);color:var(--lph-color-text-primary)}.tm-confirm-patience{margin:0;max-width:42ch;font-family:var(--lph-font-body);font-size:var(--lph-font-size-sm);color:var(--lph-color-text-tertiary)}@keyframes tm-spin{to{transform:rotate(360deg)}}.tm-checklist{margin:0 0 var(--lph-space-8);padding:0;list-style:none;display:flex;flex-direction:column}.tm-checklist-item{display:flex;align-items:center;gap:var(--lph-space-3);padding:var(--lph-space-3) 0;border-bottom:1px solid var(--lph-color-border);font-family:var(--lph-font-body);font-size:var(--lph-font-size-sm);color:var(--lph-color-text-tertiary)}.tm-checklist-item:last-child{border-bottom:none}.tm-checklist-item[data-state=done]{color:var(--lph-color-text-primary)}.tm-checklist-item[data-state=running]{color:var(--lph-color-primary);font-weight:var(--lph-font-weight-medium)}.tm-checklist-marker{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--lph-radius-full);border:1.5px solid var(--lph-color-border-strong)}.tm-checklist-item[data-state=done] .tm-checklist-marker{border-color:var(--lph-color-primary);background:var(--lph-color-primary-light);color:var(--lph-color-primary)}.tm-checklist-item[data-state=running] .tm-checklist-marker{border-color:var(--lph-color-primary)}.tm-checklist-spinner{width:10px;height:10px;border-radius:var(--lph-radius-full);border:1.5px solid color-mix(in srgb,var(--lph-color-primary) 35%,transparent);border-top-color:var(--lph-color-primary);animation:tm-spin .8s linear infinite}.tm-ready-panel{padding:var(--lph-card-padding-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--lph-space-4);margin-bottom:var(--lph-space-6)}.tm-preview-url{margin:0;font-family:var(--lph-font-body);font-size:var(--lph-font-size-sm);color:var(--lph-color-text-secondary);word-break:break-word}.tm-ns-guide{padding:var(--lph-card-padding-lg)}.tm-ns-guide h2{margin:0 0 var(--lph-space-2);font-family:var(--lph-font-heading);font-size:var(--lph-font-size-lg);font-weight:var(--lph-font-weight-bold);color:var(--lph-color-text-primary)}.tm-ns-guide p{margin:0 0 var(--lph-space-4);font-family:var(--lph-font-body);font-size:var(--lph-font-size-sm);color:var(--lph-color-text-secondary);line-height:var(--lph-line-height-relaxed)}.tm-ns-list{display:flex;flex-direction:column;gap:var(--lph-space-2);margin-bottom:var(--lph-space-4)}.tm-ns-row{display:flex;align-items:center;justify-content:space-between;gap:var(--lph-space-3);padding:var(--lph-space-3) var(--lph-space-4);border:1px solid var(--lph-color-border);border-radius:var(--lph-radius-md);background:var(--lph-color-bg-section)}.tm-ns-row code{font-family:var(--lph-font-mono);font-size:var(--lph-font-size-sm);color:var(--lph-color-text-primary);overflow-wrap:anywhere}.tm-copy-btn{flex-shrink:0;min-width:84px;padding:var(--lph-space-2) var(--lph-space-3);border:1px solid var(--lph-color-border-strong);border-radius:var(--lph-radius-md);background:var(--lph-color-bg-card);color:var(--lph-color-text-primary);font-family:var(--lph-font-body);font-size:var(--lph-font-size-xs);font-weight:var(--lph-font-weight-medium);cursor:pointer;transition:border-color var(--lph-duration-base) var(--lph-ease-default),color var(--lph-duration-base) var(--lph-ease-default)}.tm-copy-btn:hover{border-color:var(--lph-color-primary);color:var(--lph-color-primary)}.tm-ns-note{margin:0!important;font-size:var(--lph-font-size-xs)!important;color:var(--lph-color-text-tertiary)!important}@media(max-width:640px){.tm-field-row{grid-template-columns:1fr;gap:0}.tm-field-row .tm-field{margin-top:var(--lph-space-5)}.tm-field-row .tm-field:first-child{margin-top:0}}@media(max-width:540px){.tm-plan-grid{grid-template-columns:1fr}.tm-ns-row{flex-direction:column;align-items:flex-start}.tm-copy-btn{width:100%}}@media(prefers-reduced-motion:reduce){.tm-spinner,.tm-btn-spinner,.tm-checklist-spinner,.tm-testmode-dot{animation:none}.tm-plan-card{transition:none}.tm-plan-card:hover{transform:none}}