.tyc-root{max-width:1200px;padding:28px 28px 60px}.tyc-page-header{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.tyc-page-header-icon{background:var(--accent-soft,#ff4f1f1a);width:48px;height:48px;color:var(--accent,#ff4f1f);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.tyc-page-title{color:var(--text,#111);letter-spacing:-.02em;margin:0 0 4px;font-size:22px;font-weight:700}.tyc-page-sub{color:var(--text2,#6b7280);margin:0;font-size:14px;line-height:1.5}.tyc-upload-layout{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.tyc-upload-card{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:16px;flex:440px;max-width:560px;padding:28px}.tyc-upload-preview{flex-direction:column;flex:280px;gap:10px;max-width:320px;display:flex}.tyc-upload-preview-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text2,#9ca3af);margin:0;font-size:11px;font-weight:700}.tyc-upload-preview-caption{color:var(--text2,#6b7280);margin:0;font-size:12.5px;line-height:1.5}.tyc-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text2,#9ca3af);margin-bottom:10px;font-size:11px;font-weight:700}.tyc-platform-row{gap:10px;display:flex}.tyc-platform-btn{background:var(--bg,#fafafa);border:1.5px solid var(--border,#e5e7eb);cursor:pointer;color:var(--text,#111);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.tyc-platform-btn:hover{border-color:var(--accent,#ff4f1f)}.tyc-platform-btn.active{border-color:var(--accent,#ff4f1f);background:color-mix(in srgb,var(--accent,#ff4f1f)5%,var(--bg,#fff))}.tyc-platform-logo{object-fit:contain;flex-shrink:0;width:18px;height:18px}.tyc-dropzone{border:2px dashed var(--border,#d1d5db);cursor:pointer;background:var(--bg,#fafafa);border-radius:12px;justify-content:center;align-items:center;min-height:160px;margin-top:8px;transition:border-color .15s,background .15s;display:flex}.tyc-dropzone.dragging,.tyc-dropzone:hover:not(.has-file){border-color:var(--accent,#ff4f1f);background:color-mix(in srgb,var(--accent,#ff4f1f)4%,var(--bg,#fff))}.tyc-dropzone.has-file{cursor:default;border-style:solid;border-color:var(--border,#e5e7eb);background:var(--surface,#fff)}.tyc-drop-content{color:var(--text2,#9ca3af);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.tyc-drop-title{color:var(--text,#111);margin:0;font-size:14.5px;font-weight:600}.tyc-drop-sub{color:var(--text2,#9ca3af);margin:0;font-size:12.5px}.tyc-file-card{align-items:center;gap:12px;padding:14px 16px;display:flex}.tyc-file-icon{background:var(--accent,#ff4f1f);color:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.tyc-file-name{color:var(--text,#111);font-size:13.5px;font-weight:600}.tyc-file-meta{color:var(--text2,#6b7280);font-size:12px}.tyc-primary-btn{background:var(--accent,#ff4f1f);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.tyc-primary-btn:disabled{opacity:.45;cursor:not-allowed}.tyc-link-btn{text-align:center;cursor:pointer;width:100%;color:var(--muted,#9995a4);background:0 0;border:none;padding:4px;font-family:inherit;font-size:12.5px;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s,color .15s;display:block}.tyc-link-btn:hover{color:var(--accent,#ff4f1f);text-decoration-color:currentColor}.tyc-parsing{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.tyc-parsing-spinner{border:3px solid var(--border,#e5e7eb);border-top-color:var(--accent,#ff4f1f);border-radius:50%;width:36px;height:36px;margin-bottom:16px;animation:.8s linear infinite tyc-spin}@keyframes tyc-spin{to{transform:rotate(360deg)}}.tyc-parsing-title{color:var(--text,#111);margin:0 0 4px;font-size:15px;font-weight:600}.tyc-parsing-sub{color:var(--text2,#9ca3af);margin:0;font-size:13px}.tyc-back-btn{cursor:pointer;color:var(--text2,#6b7280);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:18px;padding:0;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.tyc-back-btn:hover{color:var(--text,#111)}.tyc-section-title{color:var(--text,#111);margin:0 0 6px;font-size:19px;font-weight:700}.tyc-section-sub{color:var(--text2,#6b7280);margin:0 0 22px;font-size:13.5px}.tyc-template-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.tyc-template-card{background:var(--surface,#fff);border:1.5px solid var(--border,#e5e7eb);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:14px;font-family:inherit;transition:border-color .15s,transform .1s;display:flex}.tyc-template-card:hover{border-color:var(--accent,#ff4f1f);transform:translateY(-2px)}.tyc-template-name{color:var(--text,#111);font-size:13.5px;font-weight:600}.tyc-template-hint{color:var(--text2,#9ca3af);margin-top:-4px;font-size:11px}.tyc-preview-frame{border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 8px 24px -10px #0000001f}.tyc-preview-canvas{transform-origin:0 0;position:relative}.tyc-decoration{-webkit-user-select:none;user-select:none;position:absolute}.tyc-static-block{white-space:pre-wrap;position:absolute;overflow:visible}.tyc-editable-block{resize:none;background:0 0;border:none;outline:none;padding:0;font-family:inherit;position:absolute;overflow:visible}.tyc-editable-block::placeholder{color:currentColor;opacity:.45}.tyc-swap-strip{background:var(--surface2,#f5f5f5);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;display:flex}.tyc-swap-item{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;padding:3px;line-height:0;transition:border-color .15s}.tyc-swap-item:hover{border-color:var(--border,#e5e7eb)}.tyc-swap-item.active{border-color:var(--accent,#ff4f1f)}.tyc-swap-hint{color:var(--text2,#9ca3af);text-align:center;margin:0;font-size:11.5px}.tyc-style-panel{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:480px;padding:14px 16px;display:flex}.tyc-style-panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text2,#9ca3af);font-size:12px;font-weight:700}.tyc-style-block{border-bottom:1px solid var(--border,#e5e7eb);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.tyc-style-block:last-child{border-bottom:none;padding-bottom:0}.tyc-style-row{grid-template-columns:76px 30px 1fr auto;align-items:center;gap:8px;display:grid}.tyc-style-weight-group{flex-shrink:0;gap:4px;display:flex}.tyc-style-weight-btn{border:1px solid var(--border,#e5e7eb);background:var(--bg,#fafafa);width:30px;height:30px;color:var(--text,#111);cursor:pointer;border-radius:7px;place-items:center;font-size:13px;transition:border-color .15s,background .15s,color .15s;display:grid}.tyc-style-weight-btn:hover{border-color:var(--accent,#ff4f1f)}.tyc-style-weight-btn.active{border-color:var(--accent,#ff4f1f);background:color-mix(in srgb,var(--accent,#ff4f1f)12%,var(--bg,#fff));color:var(--accent,#ff4f1f)}.tyc-style-reset-pos{cursor:pointer;color:var(--accent,#ff4f1f);background:0 0;border:none;align-self:flex-start;margin-top:-2px;padding:0;font-family:inherit;font-size:11.5px;font-weight:600}.tyc-style-reset-pos:hover{text-decoration:underline}.tyc-style-size-row{align-items:center;gap:10px;display:flex}.tyc-style-size-caption{color:var(--text,#111);flex-shrink:0;width:76px;font-size:12.5px;font-weight:600}.tyc-style-slider{min-width:0;accent-color:var(--accent,#ff4f1f);cursor:pointer;flex:1;margin:0}.tyc-style-label{color:var(--text,#111);font-size:12.5px;font-weight:600}.tyc-style-color{border:1px solid var(--border,#e5e7eb);cursor:pointer;background:0 0;border-radius:7px;width:30px;height:30px;padding:0}.tyc-style-color::-webkit-color-swatch-wrapper{padding:2px}.tyc-style-color::-webkit-color-swatch{border:none;border-radius:5px}.tyc-style-size-wrap{flex-shrink:0;align-items:center;gap:5px;display:flex}.tyc-style-size{border:1px solid var(--border,#e5e7eb);background:var(--bg,#fafafa);color:var(--text,#111);text-align:center;-moz-appearance:textfield;border-radius:7px;width:56px;padding:6px 8px;font-family:inherit;font-size:12.5px}.tyc-style-size::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tyc-style-size::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tyc-style-size-unit{color:var(--text2,#9ca3af);font-size:11.5px}.tyc-font-wrap{min-width:0;position:relative}.tyc-font-trigger{border:1px solid var(--border,#e5e7eb);background:var(--bg,#fafafa);width:100%;color:var(--text,#111);cursor:pointer;text-align:left;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;font-size:12.5px;transition:border-color .15s,box-shadow .15s;display:flex}.tyc-font-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tyc-font-trigger:hover{border-color:var(--accent,#ff4f1f)}.tyc-font-trigger.open{border-color:var(--accent,#ff4f1f);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#ff4f1f)12%,transparent)}.tyc-font-trigger svg{color:var(--text2,#9ca3af);flex-shrink:0;transition:transform .2s}.tyc-font-trigger.open svg{transform:rotate(180deg)}.tyc-font-panel{background:var(--bg,#fff);border:1px solid var(--border,#e5e7eb);z-index:200;border-radius:10px;min-width:220px;animation:.14s ease-out tyc-font-pop;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 28px #00000021}@keyframes tyc-font-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tyc-font-list{scrollbar-width:thin;scrollbar-color:var(--border,#d1d5db)transparent;max-height:280px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.tyc-font-item{cursor:pointer;color:var(--text,#111);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;margin:1px 4px;padding:9px 14px;font-size:16px;transition:background .1s;overflow:hidden}.tyc-font-item:hover{background:var(--surface,#f3f4f6)}.tyc-font-item.active{background:color-mix(in srgb,var(--accent,#ff4f1f)7%,transparent);color:var(--accent,#ff4f1f)}.tyc-font-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text2,#9ca3af);cursor:default;padding:8px 14px 4px;font-size:10.5px;font-weight:700}.tyc-step-bar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.tyc-step-bar .tyc-back-btn{margin-bottom:0}.tyc-next-btn{background:var(--text,#111);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s;display:inline-flex}.tyc-next-btn:hover:not(:disabled){background:color-mix(in srgb,var(--text,#111)82%,transparent)}.tyc-next-btn:disabled{opacity:.45;cursor:not-allowed}.tyc-thumb{background:var(--surface2,#f5f5f5);border-radius:8px;position:relative;overflow:hidden}.tyc-thumb-img{object-fit:contain;width:100%;height:100%;display:block}.tyc-thumb-loading{background:linear-gradient(90deg,var(--surface2,#f0f0f0)25%,var(--surface3,#e8e8e8)37%,var(--surface2,#f0f0f0)63%);background-size:400% 100%;width:100%;height:100%;animation:1.3s infinite tyc-shimmer}@keyframes tyc-shimmer{0%{background-position:100%}to{background-position:0}}.tyc-editor-main{width:100%;max-width:1140px;margin:0 auto}.tyc-editor-cols{align-items:flex-start;gap:36px;display:flex}.tyc-editor-preview-col{flex-direction:column;flex:640px;align-items:center;gap:16px;min-width:0;display:flex}.tyc-editor-side-col{flex-direction:column;flex:380px;gap:20px;min-width:300px;display:flex}.tyc-card-nav-label{color:var(--text,#111);font-size:13px;font-weight:600}.tyc-preview-row{justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.tyc-preview-flex{flex:1;justify-content:center;min-width:0;display:flex}.tyc-nav-arrow{border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);width:30px;height:30px;color:var(--text,#111);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;transition:border-color .12s;display:grid}.tyc-nav-arrow:hover:not(:disabled){border-color:var(--accent,#ff4f1f)}.tyc-nav-arrow:disabled{opacity:.35;cursor:not-allowed}.tyc-nav-arrow-side{width:40px;height:40px}.tyc-swap-section{border-top:1px solid var(--border,#e5e7eb);flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding-top:16px;display:flex}.tyc-swap-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text2,#9ca3af);margin:0;font-size:11px;font-weight:700}.tyc-print-cols{flex-wrap:wrap;align-items:flex-start;gap:40px;display:flex}.tyc-a4-preview{aspect-ratio:210/297;background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:6px;flex:340px;width:100%;max-width:420px;padding:14px;box-shadow:0 1px 3px #0000000f,0 10px 30px -12px #0000001f}.tyc-a4-grid{gap:6px;width:100%;height:100%;display:grid}.tyc-a4-cell{min-width:0;min-height:0}.tyc-a4-cell .tyc-thumb{width:100%;height:100%}.tyc-a4-note{color:#16a34a;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.tyc-print-side{flex-direction:column;flex:300px;gap:4px;max-width:360px;display:flex}.tyc-print-summary{background:var(--surface2,#f5f5f5);border-radius:10px;flex-direction:column;gap:6px;margin:14px 0;padding:12px 14px;display:flex}.tyc-print-summary-row{color:var(--text2,#6b7280);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.tyc-print-summary-row strong{color:var(--text,#111);font-size:13px}.tyc-layout-options{gap:10px;margin:8px 0 22px;display:flex}.tyc-layout-btn{border:1.5px solid var(--border,#e5e7eb);background:var(--surface,#fff);color:var(--text,#111);cursor:pointer;border-radius:9px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.tyc-layout-btn:hover{border-color:var(--accent,#ff4f1f)}.tyc-layout-btn.active{border-color:var(--accent,#ff4f1f);background:color-mix(in srgb,var(--accent,#ff4f1f)5%,var(--bg,#fff));color:var(--accent,#ff4f1f)}.tyc-export-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;background:#1111118c;place-items:center;display:grid;position:fixed;inset:0}.tyc-export-card{background:var(--surface,#fff);border-radius:16px;flex-direction:column;align-items:center;width:280px;padding:28px 24px;display:flex;box-shadow:0 20px 50px -12px #00000059}.tyc-export-spinner{border:3px solid var(--border,#e5e7eb);border-top-color:var(--accent,#ff4f1f);border-radius:50%;width:34px;height:34px;margin-bottom:16px;animation:.8s linear infinite tyc-spin}.tyc-export-msg{color:var(--text,#111);text-align:center;min-height:20px;margin:0 0 16px;font-size:14px;font-weight:600}.tyc-export-bar-track{background:var(--surface2,#eee);border-radius:4px;width:100%;height:6px;overflow:hidden}.tyc-export-bar-fill{background:var(--accent,#ff4f1f);border-radius:4px;height:100%;transition:width .25s}.tyc-export-count{color:var(--text2,#9ca3af);margin:10px 0 0;font-size:12px}.tyc-toast{background:var(--text,#111);color:#fff;z-index:60;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.tyc-steps{align-items:center;margin-bottom:24px;display:flex}.tyc-step{flex-shrink:0;align-items:center;gap:8px;display:flex}.tyc-step-dot{border:1.5px solid var(--border,#e5e7eb);width:22px;height:22px;color:var(--text2,#9ca3af);background:var(--surface,#fff);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;transition:border-color .2s,background .2s,color .2s;display:grid}.tyc-step.active .tyc-step-dot{border-color:var(--accent,#ff4f1f);background:var(--accent,#ff4f1f);color:#fff}.tyc-step.done .tyc-step-dot{border-color:var(--accent,#ff4f1f);color:var(--accent,#ff4f1f);background:color-mix(in srgb,var(--accent,#ff4f1f)10%,var(--bg,#fff))}.tyc-step-label{color:var(--text2,#9ca3af);white-space:nowrap;font-size:12.5px;font-weight:600}.tyc-step.active .tyc-step-label,.tyc-step.done .tyc-step-label{color:var(--text,#111)}.tyc-step-line{background:var(--border,#e5e7eb);flex-shrink:0;width:28px;height:1.5px;margin:0 10px;transition:background .2s}.tyc-step-line.done{background:var(--accent,#ff4f1f)}@media (max-width:900px){.tyc-editor-cols{flex-direction:column}.tyc-editor-side-col{flex:auto;width:100%;max-width:480px}}@media (max-width:700px){.tyc-root{padding:16px 16px 48px}.tyc-step-label{display:none}.tyc-step-line{width:16px;margin:0 6px}.tyc-print-cols{justify-content:center}}