.th-layout{display:flex;gap:28px;max-width:1120px;margin:24px auto 40px;padding:0 4px;align-items:flex-start}.th-form{width:330px;flex-shrink:0;text-align:left}.th-form .fs-title{font-size:15px;font-weight:700;color:#333;margin:22px 0 8px;padding-bottom:5px;border-bottom:2px solid var(--accent, #2a9d8f)}.th-form .fs-title:first-child{margin-top:0}.th-form label{display:block;font-size:12.5px;font-weight:600;color:#555;margin:10px 0 4px}.th-form label.th-check{display:flex;align-items:center;gap:6px;font-weight:400;font-size:13.5px;color:#333;cursor:pointer}.th-form label.th-check input{width:auto;margin:0}.th-form input[type=text],.th-form input[type=date],.th-form textarea{width:100%;box-sizing:border-box;font-size:14px;color:#333;padding:8px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;font-family:inherit}.th-form textarea{resize:vertical;line-height:1.6}.th-form .field-hint{margin:6px 0 0;line-height:1.6}.th-names-info{font-size:12px;color:#64748b;margin:6px 0 0;font-weight:600}.th-names-info.is-warn{color:#c0392b}.th-btn-line{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.th-sub-btn{padding:8px 14px;font-size:12.5px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#555;cursor:pointer}.th-sub-btn:hover{border-color:var(--accent);color:var(--accent)}.th-sub-btn.danger:hover{color:#c0392b;border-color:#c0392b}.th-mode{display:flex;gap:8px;margin-bottom:8px}.th-mode-btn{flex:1;padding:10px 8px;font-size:13.5px;font-weight:700;border:1.5px solid #d3dbe3;border-radius:8px;background:#fff;color:#555;cursor:pointer;transition:border-color .12s ease,background .12s ease}.th-mode-btn.is-active{border-color:var(--accent, #2a9d8f);background:#eafaf7;color:var(--accent, #2a9d8f)}.th-preview{flex:1;min-width:0;position:sticky;top:16px;align-self:flex-start;text-align:center}.th-subview{display:inline-flex;gap:6px;margin-bottom:12px;padding:4px;background:#eef2f5;border-radius:10px}.th-subview-btn{padding:7px 14px;font-size:13px;font-weight:600;border:none;border-radius:7px;background:transparent;color:#555;cursor:pointer}.th-subview-btn.is-active{background:#fff;color:var(--accent, #2a9d8f);box-shadow:0 1px 4px #0000001a}.th-orient-line{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:center;margin-bottom:12px;font-size:13.5px;color:#333}.th-orient-line label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.th-btn-row{display:flex;gap:10px}.th-print-btn,.th-png-btn{flex:1;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.th-print-btn{background:var(--accent);color:#fff}.th-png-btn{background:#fff;color:var(--accent);border:2px solid var(--accent);padding:12px}.th-print-btn:hover,.th-png-btn:hover{opacity:.85}.th-print-note{font-size:12px;color:#888;margin:8px 0 12px;line-height:1.5}.th-preview-caption{font-size:12px;color:#888;margin-top:8px}.th-sheet-wrap{width:100%}.th-sheet-box{overflow:hidden;border-radius:4px;position:relative}.th-sheet{display:block;background:#fff;transform-origin:top left;box-shadow:0 2px 14px #0000002e}.th-sheet[data-orient=portrait]{width:210mm;height:297mm}.th-sheet[data-orient=landscape]{width:297mm;height:210mm}.th-winnable{cursor:pointer}.th-winnable:hover{stroke:var(--accent, #2a9d8f)}@media (max-width: 940px){.th-layout{flex-direction:column}.th-form{width:100%}.th-preview{position:static;width:100%}}@media print{@page{margin:0}.th-sheet-box{height:auto!important;margin:0!important;overflow:visible!important;border-radius:0!important}.th-sheet{transform:none!important;box-shadow:none!important;margin:0!important}.th-sheet[data-orient=portrait]{width:209mm!important;height:296mm!important}.th-sheet[data-orient=landscape]{width:296mm!important;height:209mm!important}.th-winnable:hover{stroke:inherit}}@media screen and (max-width: 600px){.th-form input[type=text],.th-form input[type=date]{font-size:var(--fs-input);min-height:var(--tap-min);box-sizing:border-box}.th-form textarea{font-size:var(--fs-input)}.th-sub-btn{padding:8px 10px;min-height:var(--tap-min);box-sizing:border-box}.th-subview-btn{padding:7px 10px;min-height:var(--tap-min);box-sizing:border-box}.th-png-btn{padding:10px;min-height:var(--tap-min);box-sizing:border-box}}