:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#f5f7fa;--near-black:#0d0f14;--gold:#c8a46e;--gold-light:#dbb97e;--gold-bg:#c8a46e14;--bg-page:#090b10;--bg-body-start:#0f1117;--bg-body-mid:#14171f;--bg-body-end:#181c25;--hero-color-start:#f0f2f5;--hero-color-end:#dbb97e;--card-bg-start:#1e2128f2;--card-bg-end:#161920fa;--card-border:#ffffff0f;--card-gold-line:#c8a46e47;--card-border-hover:#c8a46e26;--card-text:#f0f2f5;--label-color:#9a9ea6;--input-bg:#ffffff0a;--input-border:#ffffff14;--input-text:#e2e4e8;--input-focus-border:#c8a46e66;--input-focus-bg:#ffffff0f;--dropdown-border:#ffffff14;--dropdown-bg-start:#1e2128fa;--dropdown-bg-end:#161920fc;--dropdown-shadow:0 24px 60px #0000004d;--dropdown-item-hover:#c8a46e1a;--dropdown-item-text:#e2e4e8;--dropdown-button-hover:#ffffff12;--dropdown-button-border-hover:#c8a46e38;--select-option-bg:#1e2128;--select-option-text:#e2e4e8;--color-picker-border:#ffffff14;--color-picker-bg:#ffffff0a;--color-picker-border-hover:#c8a46e38;--color-picker-bg-hover:#ffffff0f;--color-picker-input-border:#ffffff1a;--color-picker-input-shadow:0 2px 8px #0003;--color-picker-input-shadow-hover:0 4px 16px #0000004d;--hint-color:#8a8e96;--color-hint-color:#6e7277;--preview-border:#ffffff14;--preview-bg-1-start:#282c37e6;--preview-bg-1-end:#181c25f2;--preview-bg-2-start:#1e2128fa;--preview-bg-2-end:#161920fc;--preview-bg-3:#0f1117;--preview-radial-gold-start:#c8a46e0f;--preview-radial-gold-end:#c8a46e00;--slider-thumb-gold-start:var(--gold);--slider-thumb-gold-end:var(--gold-light);--slider-thumb-shadow:#c8a46e59;--slider-thumb-shadow-hover:#c8a46e73;--slider-track-color:#ffffff1a;--button-text:var(--near-black);--button-text-shadow:none;--button-shadow:0 6px 20px #c8a46e59;--intro-color:#9ca8bc;--warn-color:#fca5a5;--danger-bg:#ff635a1f;--danger-border:#ff635a33;--danger-text:#ff635a;--danger-hover-bg:#ff635a33;--danger-hover-shadow:0 4px 16px #ff635a33;--preview-loading-bg:#070b14c7;--preview-loading-text:#fff;--loading-ring-border:#c8a46e2e;--loading-ring-top:#c8a46e;--loading-title:#fff;--loading-text:#c9b896;--center-guide-color:#c8a46ef2;--warn-border:#f87171b3;--page-padding:36px 28px 56px;--toggle-bg:#ffffff14;--toggle-hover-bg:#ffffff26;--toggle-text:#9a9ea6;--toggle-border:#ffffff1a;--accent-ring:#c8a46e80;--accent-glow:#c8a46ea6;--accent-line:#c8a46e61;--cp-border:#ffffff59;--cp-input-bg:#ffffff12;--cp-input-border:#ffffff4d;--cp-input-border-hover:#c8a46e73;--cp-input-text:#e2e4e8;--cp-chip-color-border:#ffffff26;--cp-chip-bg:#ffffff0d;--cp-chip-text:#d0d2d8;--cp-chip-border:#ffffff1a;--cp-popover-bg:#1e2128fa;--cp-popover-border:#ffffff14;--cp-popover-shadow:0 24px 60px #00000059;--cp-label-color:#9a9ea6;--cp-pantone-label:#dbb97e;--cp-chip-hover-bg:#c8a46e1f;--cp-chip-active-shadow:0 2px 12px #c8a46e47;--cp-tip-color:#a89878;background:#090b10;font-family:Inter,Microsoft YaHei,sans-serif}:root.light{color:#0d0f14;--near-black:#0d0f14;--gold:#5a6a7a;--gold-light:#3d4f5f;--gold-bg:#5a6a7a0f;--bg-page:transparent;--bg-body-start:#f5f6f8;--bg-body-mid:#eef0f4;--bg-body-end:#f0f2f5;--hero-color-start:#0d0f14;--hero-color-end:#3d4f5f;--card-bg-start:#fff;--card-bg-end:#fafbfc;--card-border:#0000000f;--card-gold-line:#5a6a7a33;--card-border-hover:#5a6a7a26;--card-text:#0d0f14;--label-color:#6e7277;--input-bg:#fff;--input-border:#0000001f;--input-text:#0d0f14;--input-focus-border:#5a6a7a73;--input-focus-bg:#fafbfc;--dropdown-border:#00000014;--dropdown-bg-start:#fff;--dropdown-bg-end:#fafbfc;--dropdown-shadow:0 24px 60px #0000001f;--dropdown-item-hover:#5a6a7a1a;--dropdown-item-text:#0d0f14;--dropdown-button-hover:#f9fafb;--dropdown-button-border-hover:#5a6a7a4d;--select-option-bg:#fff;--select-option-text:#0d0f14;--color-picker-border:#00000014;--color-picker-bg:#fff;--color-picker-border-hover:#5a6a7a33;--color-picker-bg-hover:#f9fafb;--color-picker-input-border:#0000001a;--color-picker-input-shadow:0 2px 8px #00000014;--color-picker-input-shadow-hover:0 4px 16px #0000001f;--hint-color:#8a8e96;--color-hint-color:#6e7277;--preview-border:#0000000f;--preview-bg-1-start:#f3f4f6e6;--preview-bg-1-end:#e8eaedf2;--preview-bg-2-start:#f3f4f6;--preview-bg-2-end:#e8eaed;--preview-bg-3:#e8eaed;--preview-radial-gold-start:#5a6a7a0a;--preview-radial-gold-end:#5a6a7a00;--slider-thumb-gold-start:var(--gold);--slider-thumb-gold-end:var(--gold-light);--slider-thumb-shadow:#5a6a7a4d;--slider-thumb-shadow-hover:#5a6a7a66;--slider-track-color:#00000014;--button-text:#fff;--button-text-shadow:none;--button-shadow:0 6px 20px #5a6a7a59;--intro-color:#6e7277;--warn-color:#d9534f;--danger-bg:#ff635a0f;--danger-border:#ff635a26;--danger-text:#d9534f;--danger-hover-bg:#ff635a1f;--danger-hover-shadow:0 4px 16px #ff635a1a;--preview-loading-bg:#fffc;--preview-loading-text:#1a1d23;--loading-ring-border:#5a6a7a2e;--loading-ring-top:#5a6a7a;--loading-title:#1a1d23;--loading-text:#6e7277;--center-guide-color:#5a6a7af2;--warn-border:#d9534fb3;--page-padding:36px 28px 56px;--toggle-bg:#0000000f;--toggle-hover-bg:#0000001a;--toggle-text:#6e7277;--toggle-border:#00000014;--accent-ring:#5a6a7a73;--accent-glow:#5a6a7a59;--accent-line:#5a6a7a47;--cp-border:#0000004d;--cp-input-bg:#fff;--cp-input-border:#0003;--cp-input-border-hover:#5a6a7a66;--cp-input-text:#0d0f14;--cp-chip-color-border:#00000026;--cp-chip-bg:#f3f4f6;--cp-chip-text:#374151;--cp-chip-border:#0000001f;--cp-popover-bg:#fff;--cp-popover-border:#0000001f;--cp-popover-shadow:0 24px 60px #0000001f;--cp-label-color:#6e7277;--cp-pantone-label:#5a6a7a;--cp-chip-hover-bg:#5a6a7a1a;--cp-chip-active-shadow:0 2px 12px #5a6a7a40;--cp-tip-color:#6e7277;background:#f5f6f8}html,body,#root{background:var(--bg-page);width:100%;min-height:100vh}#root{display:block}*{box-sizing:border-box}body{background:linear-gradient(160deg, var(--bg-body-start) 0%, var(--bg-body-mid) 40%, var(--bg-body-end) 100%);margin:0;overflow-x:hidden}.page{max-width:1320px;padding:var(--page-padding);margin:0 auto}.themeToggle{z-index:1000;border:1px solid var(--toggle-border);background:var(--toggle-bg);width:44px;height:44px;color:var(--toggle-text);text-shadow:none;cursor:pointer;-webkit-backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:20px;right:24px;box-shadow:0 2px 12px #0000001a}.themeToggle:hover{background:var(--toggle-hover-bg);transform:scale(1.08)}.hero{margin-bottom:26px}.hero h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--hero-color-start) 30%, var(--hero-color-end) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(34px,4vw,42px);font-weight:700;line-height:1.1}.eyebrow{color:var(--gold);letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:600}.layout{grid-template-columns:minmax(380px,1fr) minmax(500px,1.15fr);align-items:start;gap:24px;display:grid}.card{border:1px solid var(--card-border);background:linear-gradient(165deg, var(--card-bg-start), var(--card-bg-end));border-radius:20px;padding:24px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--card-gold-line), transparent);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--card-border-hover);box-shadow:0 28px 70px #00000040}.card h2{color:var(--card-text);letter-spacing:-.01em;margin:0 0 14px;font-size:24px;line-height:1.25}label{color:var(--label-color);letter-spacing:.04em;text-transform:uppercase;text-align:left;margin:16px 0 10px;font-size:13px;font-weight:500;display:block}textarea{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--input-text);resize:vertical;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .25s cubic-bezier(.4,0,.2,1);display:block}.dropdownWrap{position:relative}.dropdownButton{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--input-text);text-shadow:none;text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:0;padding:13px 18px;font-family:inherit;font-size:15px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.dropdownButton:after{content:"▾";color:var(--gold);font-size:12px;line-height:1}.dropdownButton:hover{background:var(--dropdown-button-hover);border-color:var(--dropdown-button-border-hover)}.dropdownMenu{z-index:30;border:1px solid var(--dropdown-border);background:linear-gradient(165deg, var(--dropdown-bg-start), var(--dropdown-bg-end));box-shadow:var(--dropdown-shadow);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.dropdownItem{width:100%;color:var(--dropdown-item-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;margin:0;padding:11px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.dropdownItem:hover{background:var(--dropdown-item-hover)}.dropdownItem:active{transform:none}textarea:focus,input[type=text]:focus,input[type=number]:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--gold-bg);background:var(--input-focus-bg);outline:none}textarea:focus-visible,input[type=text]:focus-visible,input[type=number]:focus-visible,.dropdownButton:focus-visible,.colorPickerBox input[type=color]:focus-visible{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--gold-bg)}.dropdownButton,textarea,input[type=text],input[type=number],.colorPickerBox input[type=color],select,textarea,input[type=color]{-webkit-tap-highlight-color:transparent}select option{background:var(--select-option-bg);color:var(--select-option-text)}input[type=file]{display:none}.fileButton{flex:auto;margin-top:0}.logoActionsRow{align-items:center;gap:10px;display:flex}.dangerIconButton{background:var(--danger-bg);border:1px solid var(--danger-border);width:42px;min-width:42px;height:42px;color:var(--danger-text);text-shadow:none;border-radius:12px;justify-content:center;align-items:center;margin-top:0;padding:0;font-size:18px;line-height:1;display:inline-flex}.dangerIconButton:hover:not(:disabled){background:var(--danger-hover-bg);box-shadow:var(--danger-hover-shadow)}.dangerIconButton:active:not(:disabled){transform:translateY(1px)}.dangerIconButton:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;filter:grayscale(.15)}#logoFileInput{display:none}.colorPickerBox{border:1px solid var(--color-picker-border);background:var(--color-picker-bg);border-radius:12px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.colorPickerBox:hover{border-color:var(--color-picker-border-hover);background:var(--color-picker-bg-hover)}.colorPickerBox input[type=color]{border:1px solid var(--color-picker-input-border);cursor:pointer;appearance:none;width:100%;min-width:0;height:48px;box-shadow:var(--color-picker-input-shadow);background:#fff;border-radius:10px;flex:auto;padding:0;transition:all .2s;overflow:hidden}.colorPickerBox input[type=color]:hover{box-shadow:var(--color-picker-input-shadow-hover);transform:scale(1.02)}.colorPickerHint{color:var(--hint-color);white-space:nowrap;font-size:12px;line-height:1;display:inline-block}input[type=range]{touch-action:pan-x;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;padding:0}input[type=range]:disabled{cursor:not-allowed}input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--slider-thumb-gold-start), var(--slider-thumb-gold-end));width:22px;height:22px;box-shadow:0 2px 8px var(--slider-thumb-shadow);cursor:pointer;border:none;border-radius:50%;margin-top:-9px;transition:transform .2s,box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 3px 12px var(--slider-thumb-shadow-hover);transform:scale(1.15)}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--slider-track-color), var(--slider-track-color));cursor:pointer;border-radius:999px;height:4px}input[type=range]::-moz-range-thumb{background:linear-gradient(135deg, var(--slider-thumb-gold-start), var(--slider-thumb-gold-end));width:22px;height:22px;box-shadow:0 2px 8px var(--slider-thumb-shadow);cursor:pointer;border:none;border-radius:50%}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--slider-track-color), var(--slider-track-color));cursor:pointer;border-radius:999px;height:4px}input[type=color]{background:0 0;border:1px solid #36425a;border-radius:12px;width:100%;height:42px;padding:0}button{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);color:var(--button-text);text-shadow:var(--button-text-shadow);cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;margin-top:14px;padding:11px 16px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}button:hover{box-shadow:var(--button-shadow);transform:translateY(-1px)}button:active{transform:translateY(1px)}.hint{text-align:left;text-transform:none;letter-spacing:normal;width:100%;color:var(--cp-label-color);opacity:.68;margin:6px 0 0;padding:0;font-size:12px;font-weight:400;line-height:1.5;display:block}.previewFooter{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.previewFooter .hint{flex:1;min-width:0;margin:0}:root.light .hint{opacity:.62}.intro{color:var(--intro-color);font-size:14px;line-height:1.6}.preview-intro{z-index:6;text-align:center;max-width:calc(100% - 32px);color:var(--intro-color);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;margin:0;padding:0;font-size:14px;line-height:1.6;position:absolute;bottom:20px;left:50%;overflow:hidden;transform:translate(-50%)}.preview-intro--ceiling{bottom:5px}.colorHint{color:var(--color-hint-color);text-align:left;margin-top:8px;font-size:12px}.preview{aspect-ratio:4/3;border:1px solid var(--preview-border);background:radial-gradient(130% 110% at 20% 0%, var(--preview-bg-1-start) 0%, var(--preview-bg-1-end) 32%, var(--preview-bg-3) 68%, var(--preview-bg-3) 100%), linear-gradient(145deg, var(--preview-bg-2-start) 0%, var(--preview-bg-2-end) 52%, var(--preview-bg-3) 100%);border-radius:12px;width:100%;margin-bottom:0;position:relative;overflow:hidden}.preview:before{content:"";pointer-events:none;background:radial-gradient(52% 40% at 82% 16%, var(--preview-radial-gold-start) 0%, var(--preview-radial-gold-end) 100%), radial-gradient(58% 42% at 12% 84%, #c8a46e0f 0%, #c8a46e00 100%);position:absolute;inset:0}.layer{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.panelMask{position:absolute;inset:0}.textureTint{background:#fff;position:absolute;inset:0}.logo{-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;max-width:none;cursor:-webkit-grab;position:absolute}.logo:active{cursor:grabbing;cursor:-webkit-grabbing}.centerGuide{background:repeating-linear-gradient(to bottom, var(--center-guide-color) 0, var(--center-guide-color) 7px, transparent 7px, transparent 13px);pointer-events:none;z-index:8;opacity:.95;width:1px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.previewWarn{box-shadow:0 0 0 2px var(--warn-border) inset}.warn{color:var(--warn-color);margin-top:8px;font-size:13px}.previewLoading{z-index:25;background:var(--preview-loading-bg);color:var(--preview-loading-text);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.previewLoading:before{content:"";border:3px solid var(--loading-ring-border);border-top-color:var(--loading-ring-top);will-change:transform;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.previewLoadingTitle{letter-spacing:.03em;font-size:15px;font-weight:700}.previewLoadingText{color:var(--loading-text);opacity:.95;font-size:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detailPage{background:0 0;border:none;padding:28px}.a4Sheet{color:#111827;background:#fff;border-radius:6px;width:min(100%,1120px);margin:0 auto;padding:44px 46px 40px;box-shadow:0 18px 44px #00000059}.sheetBrand{letter-spacing:.18em;color:#64748b;text-align:left;margin-bottom:8px;font-size:12px}.sheetTitleRow{align-items:center;gap:14px;margin-bottom:34px;display:flex}.sheetTitleLogo{object-fit:contain;flex-shrink:0;width:auto;max-width:100px;height:26px;display:block}.a4Title{letter-spacing:.01em;color:#111827;text-align:left;margin:0;font-size:22px}.sheetMetaBox{background:#f8fafc;border:1px solid #d9e0ea;border-radius:10px;gap:8px;min-width:220px;padding:12px 14px;font-size:12px;display:grid}.sheetMetaBox span{color:#64748b;width:52px;display:inline-block}.detailGrid{grid-template-columns:1fr 1.15fr;align-items:stretch;gap:34px;display:grid}.detailGrid>div{flex-direction:column;align-items:flex-start;display:flex}.detailMeta{grid-template-columns:120px 1fr;gap:16px 14px;padding-top:14px;display:grid}.metaLabel{color:#374151;text-align:left;font-weight:600}.metaValue{color:#111827;align-items:center;display:flex}.colorValue{align-items:center;gap:8px;display:inline-flex}.colorSwatch{border:1px solid #9ca3af;border-radius:2px;flex:0 0 14px;width:14px;height:14px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff59}.sheetPreviewFrame{background:0 0;border:none;border-radius:8px;flex:auto;justify-content:center;align-items:center;width:100%;min-width:0;padding:0;display:flex;position:relative}.sheetPreviewBox{aspect-ratio:4/3;width:100%;position:relative}.sheetPreviewBox .preview-intro{color:#6e7277}.sheetPreview{object-fit:contain;background:0 0;border:1px solid #e5e7eb;border-radius:8px;width:100%;height:100%;display:block;position:absolute;inset:0}.sheetNotice{color:#374151;text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;margin-top:auto;padding:14px 14px 12px;font-size:13px;line-height:1.8}.sheetHeader{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.sheetBrand{letter-spacing:.14em;color:#6b7280;margin-bottom:6px;font-size:12px}.sheetMetaBox{background:#f8fafc;border:1px solid #dbe2ea;border-radius:8px;gap:6px;min-width:240px;padding:12px 14px;display:grid}.sheetMetaBox div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.sheetMetaBox span{color:#6b7280}.sheetMetaBox strong{color:#111827;font-weight:600}.sheetDivider{background:linear-gradient(90deg,#0000,#cbd5e1 20% 80%,#0000);height:1px;margin:16px 0 24px}.sheetFooter{margin-top:26px}.sheetSignRow{color:#374151;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;font-size:13px;display:grid}.detailActions{gap:12px;width:min(100%,1120px);margin:18px auto 0;padding-left:10px;display:flex}@media (width<=1080px){.page{padding:22px 16px 32px}.layout{grid-template-columns:1fr;gap:16px}.card{border-radius:18px;padding:18px}.hero h1{font-size:clamp(30px,8vw,42px)}.preview{aspect-ratio:4/3}.detailGrid{grid-template-columns:1fr;gap:24px}.detailMeta{grid-template-columns:1fr;row-gap:10px}.metaLabel{text-align:left}.detailActions{flex-wrap:wrap;justify-content:stretch;width:100%;padding-left:0}.detailActions button{flex:160px}.sheetHeader{flex-direction:column}.sheetMetaBox{width:100%;min-width:0}.sheetTop,.sheet-body{padding-left:18px;padding-right:18px}.sheetDivider{margin-left:18px;margin-right:18px}.a4Sheet{padding:24px 18px 20px}.sheetPreviewFrame{padding:10px}}@media (width<=640px){.page{padding:12px 10px 22px}.hero{margin-bottom:18px}.card{border-radius:16px;padding:14px}.hero h1{font-size:clamp(24px,8.4vw,34px)}.eyebrow{font-size:11px}label{margin-top:12px}button{width:100%}.logoActionsRow{flex-wrap:nowrap;gap:8px}.fileButton{min-width:0}.dangerIconButton{width:40px;min-width:40px;height:40px}.preview{aspect-ratio:4/3;border-radius:14px}.previewWrap{min-height:auto;padding:12px}.detailPage{padding:14px 0 0}.a4Sheet{border-radius:12px;width:100%;padding:18px 12px 16px}.sheetHeader{gap:12px}.sheetBrand{letter-spacing:.1em}.sheetTop,.sheet-body{padding-left:12px;padding-right:12px}.sheetNotice{padding:12px}.sheetTitleRow{gap:10px;margin-bottom:18px}.sheetTitleLogo{max-width:84px;height:22px}.a4Title{font-size:18px}.sheetMetaBox div{font-size:12px}.sheetPreviewFrame{padding:8px}.sheetPreview{border-radius:10px}.colorPickerBox{gap:8px;padding:7px 8px}.colorPickerBox input[type=color]{width:100%;height:32px}.colorPickerHint{white-space:nowrap;font-size:11px}.dropdownButton{padding:10px 11px;font-size:13px}.dropdownMenu{border-radius:12px}.dropdownItem{padding:10px 11px;font-size:13px}}.appHeader{margin-bottom:32px;position:relative}.appHeader__inner{align-items:center;min-height:38px;padding:4px 2px 18px;display:flex}.appHeader__brand{flex:1;align-items:center;min-width:0;height:38px;display:flex}.appHeader__logoWrap{flex-shrink:0;justify-content:center;align-items:center;height:38px;padding-right:20px;display:flex}.appHeader__logo{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:auto;max-width:140px;height:38px;display:block}.appHeader__vRule{background:linear-gradient(180deg, transparent 0%, var(--card-border) 18%, var(--accent-line) 50%, var(--card-border) 82%, transparent 100%);flex-shrink:0;width:1px;height:38px;margin-right:20px}.appHeader__title{letter-spacing:-.02em;text-align:left;white-space:nowrap;background:linear-gradient(135deg, var(--hero-color-start) 30%, var(--hero-color-end) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:0 auto;min-width:0;margin:0;font-size:clamp(26px,3.2vw,36px);font-weight:700;line-height:1}:root.light .appHeader__title{background:linear-gradient(135deg,#425363 30%,#506272 100%);-webkit-background-clip:text;background-clip:text}.appHeader__themeBtn{border:1px solid var(--toggle-border);background:var(--toggle-bg);width:38px;height:38px;color:var(--toggle-text);cursor:pointer;box-shadow:none;border-radius:10px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin:0 0 0 auto;padding:0;font-size:17px;font-weight:400;line-height:1;transition:border-color .2s,background .2s;display:flex}.appHeader__themeBtn:hover{background:var(--toggle-hover-bg);border-color:var(--accent-line);box-shadow:none;transform:none}.appHeader__themeBtn:active{transform:none}.appHeader__rule{background:linear-gradient(90deg, transparent 0%, var(--accent-line) 12%, var(--card-border) 28%, var(--card-border) 72%, var(--accent-line) 88%, transparent 100%);height:1px}@media (width<=640px){.appHeader{margin-bottom:22px}.appHeader__inner{min-height:26px;padding-bottom:14px}.appHeader__brand{height:26px}.appHeader__logoWrap{height:26px;padding-right:10px}.appHeader__logo{max-width:84px;height:26px}.appHeader__vRule{height:26px;margin-right:10px}.appHeader__title{letter-spacing:-.03em;font-size:clamp(14px,4.1vw,22px)}.appHeader__themeBtn{border-radius:9px;width:34px;height:34px;font-size:16px}}@media (width<=360px){.appHeader__inner{min-height:22px}.appHeader__brand{height:22px}.appHeader__logoWrap{padding-right:8px}.appHeader__logo{max-width:68px;height:22px}.appHeader__vRule{height:22px;margin-right:8px}.appHeader__title{letter-spacing:-.04em;font-size:clamp(12px,3.55vw,17px)}.appHeader__themeBtn{width:32px;height:32px}}.logoDimensionOverlay{pointer-events:none;z-index:12;width:100%;height:100%;position:absolute;inset:0}.logoDimensionOverlay__panel{fill:none;stroke:#2563eb73;stroke-width:1.5px;stroke-dasharray:6 4}.logoDimensionOverlay__logoBox{fill:none;stroke:#2563eb;stroke-width:1.5px}.logoDimensionOverlay__dim{stroke:#2563eb;stroke-width:1.5px;marker-end:url(#dimArrow);marker-start:url(#dimArrowStart)}.logoDimensionOverlay__labelGroup{pointer-events:none}.logoDimensionOverlay__labelBg{fill:#fffffff0;stroke:#2563eb2e;stroke-width:1px}.logoDimensionOverlay__label{fill:#1e3a8a;text-anchor:middle;dominant-baseline:central;font-size:14px;font-weight:600}.logoDimensionOverlay__label--vertical{text-anchor:middle;dominant-baseline:central}.previewDimToggle{background:var(--card-bg);color:var(--text-primary);text-shadow:none;border:1px solid var(--preview-border);box-shadow:none;flex-shrink:0;margin:0}.previewDimToggle:hover{border-color:var(--gold);box-shadow:none;transform:none}.previewDimToggle.isActive{border-color:var(--gold);color:var(--gold)}.dimensionSheet{margin-top:24px}.dimensionSheetTitle{color:var(--text-primary);margin:0 0 12px;font-size:18px;font-weight:600}.dimensionMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-bottom:16px;font-size:13px;display:grid}.dimensionMetaGrid span{color:var(--meta-label-color,#888)}.dimensionMetaGrid strong{color:var(--text-primary);font-weight:600}.dimensionPreviewFrame{border:1px solid var(--preview-border);background:#f3f4f6;border-radius:12px;overflow:hidden}.dimensionPreviewFrame img{width:100%;height:auto;display:block}@media (width<=768px){.dimensionMetaGrid{grid-template-columns:1fr}}.pantone-lib__label{color:var(--cp-label-color);letter-spacing:.04em;text-transform:uppercase;margin:16px 0 10px;font-size:13px;font-weight:500;display:block}.pantone-lib__trigger{border:1px solid var(--cp-input-border);background:var(--cp-input-bg);width:100%;color:var(--cp-input-text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.pantone-lib__trigger:hover:not(:disabled){border-color:var(--cp-input-border-hover);box-shadow:0 0 0 1px var(--cp-input-border-hover)}.pantone-lib__trigger:disabled{opacity:.5;cursor:not-allowed}.pantone-lib__swatch{border:1px solid var(--cp-chip-color-border);border-radius:8px;flex-shrink:0;width:40px;height:40px}.pantone-lib__trigger-text{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:14px;display:flex}.pantone-lib__trigger-text strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pantone-lib__hex{opacity:.75;font-family:ui-monospace,monospace;font-size:12px}.pantone-lib__placeholder{color:var(--cp-label-color);font-size:14px}.pantone-lib__chevron{opacity:.5;font-size:10px}.pantone-lib__hint{text-align:left;text-transform:none;letter-spacing:normal;width:100%;color:var(--cp-label-color);opacity:.68;margin:6px 0 0;padding:0;font-size:12px;font-weight:400;line-height:1.5;display:block}.light .pantone-lib__hint{opacity:.62}.pantone-lib-dialog__paper{border:1px solid var(--cp-popover-border);max-height:min(92vh,720px);background:var(--cp-popover-bg)!important;color:var(--cp-input-text)!important}.pantone-lib-dialog__title{text-align:center;color:var(--cp-input-text)!important;padding-bottom:8px!important;font-size:18px!important;font-weight:600!important}.pantone-lib-dialog__body{padding-top:0!important}.pantone-lib-dialog__library-row{color:var(--cp-input-text);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.pantone-lib-dialog__library-label{color:var(--cp-label-color)}.pantone-lib-dialog__library-name{color:var(--cp-input-text);font-weight:600}:root:not(.light) .pantone-lib-dialog__library-label{color:#a8adb6}:root:not(.light) .pantone-lib-dialog__library-name{color:#e8eaee}.pantone-lib-dialog__quick{flex-wrap:wrap;align-items:center;gap:8px;min-height:28px;margin-bottom:12px;display:flex}.pantone-lib-dialog__quick-label{color:var(--cp-pantone-label);flex-shrink:0;align-items:center;margin:0;padding:0;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.pantone-lib-dialog__quick-chip{border:1px solid var(--cp-chip-border);background:var(--cp-chip-bg);color:var(--cp-chip-text);cursor:pointer;vertical-align:middle;border-radius:999px;align-items:center;gap:6px;margin:0;padding:5px 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.pantone-lib-dialog__quick-chip.is-active,.pantone-lib-dialog__quick-chip:hover{border-color:var(--gold);background:var(--gold-bg)}.pantone-lib-dialog__quick-swatch{border:1px solid var(--cp-chip-color-border);border-radius:50%;width:14px;height:14px}.pantone-lib-dialog__workspace{align-items:stretch;gap:10px;height:min(92vh - 220px,400px);min-height:280px;max-height:400px;display:flex;overflow:hidden}.pantone-lib-dialog__list{scroll-behavior:auto;border:1px solid var(--cp-input-border);background:var(--cp-input-bg);border-radius:10px;flex:1 1 0;min-width:0;min-height:0;padding:4px 0;overflow:hidden auto}.pantone-lib-dialog__row{width:calc(100% - 12px);color:var(--cp-input-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;margin:0 6px;padding:7px 10px;transition:background .16s,border-color .16s,box-shadow .16s,-webkit-backdrop-filter .16s,backdrop-filter .16s,transform .16s;display:flex}.pantone-lib-dialog__row:hover:not(.is-active){background:#8080801a}.pantone-lib-dialog__row.is-active{-webkit-backdrop-filter:blur(22px)saturate(190%);box-shadow:0 0 0 2px var(--accent-ring), 0 6px 22px #00000038, inset 0 1px 0 #ffffff73;background:#ffffff3d;border-color:#ffffff6b;padding-left:14px;position:relative}.pantone-lib-dialog__row.is-active:before{content:"";background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 100%);width:4px;height:calc(100% - 14px);box-shadow:0 0 10px var(--accent-glow);border-radius:4px;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.pantone-lib-dialog__row.is-active .pantone-lib-dialog__row-name{color:var(--cp-input-text);font-weight:600}.pantone-lib-dialog__row.is-active .pantone-lib-dialog__row-swatch{transform:scale(1.06);box-shadow:0 0 0 2px #ffffffa6,0 2px 10px #00000040}.light .pantone-lib-dialog__row.is-active{background:#fffffff0;border-color:#fff;box-shadow:0 0 0 2px #5a6a7a6b,0 6px 20px #0000001a,inset 0 1px #fff}.light .pantone-lib-dialog__row.is-active:before{background:linear-gradient(180deg, #7a8c9e 0%, var(--gold) 100%);box-shadow:0 0 8px #5a6a7a73}.pantone-lib-dialog__row-swatch{border:1px solid var(--cp-chip-color-border);border-radius:3px;flex-shrink:0;width:28px;height:20px;transition:transform .2s,box-shadow .2s}.pantone-lib-dialog__row-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pantone-lib-dialog__hue-wrap{cursor:pointer;flex:0 0 22px;align-self:stretch;width:22px;height:100%;min-height:0;position:relative}.pantone-lib-dialog__hue{cursor:pointer;touch-action:none;border:1px solid var(--cp-input-border);background:linear-gradient(red 0%,#ff0 16%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);border-radius:4px;width:14px;height:100%;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.pantone-lib-dialog__hue-wrap:active,.pantone-lib-dialog__hue:active{cursor:grabbing}.pantone-lib-dialog__hue-thumb{left:50%;top:var(--hue-pos,0%);z-index:2;pointer-events:none;background:#fff3;border:2px solid #fff;border-radius:3px;width:20px;height:10px;transition:top .15s ease-out;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000073,0 1px 4px #00000040}.pantone-lib-dialog__preview-panel{flex-direction:column;flex:0 0 min(160px,28%);gap:10px;min-width:120px;height:100%;min-height:0;display:flex;overflow:hidden}.pantone-lib-dialog__preview-swatch{border:1px solid var(--cp-input-border);border-radius:8px;flex:auto;width:100%;min-height:80px;max-height:200px;box-shadow:inset 0 0 0 1px #0000000f}.pantone-lib-dialog__meta-name{font-size:13px;font-weight:600;line-height:1.35}.pantone-lib-dialog__meta-hex{opacity:.8;font-family:ui-monospace,monospace;font-size:12px}.pantone-lib-dialog__search-tip{color:var(--cp-label-color);margin:0;font-size:11px;line-height:1.45}.pantone-lib-dialog__empty{text-align:center;color:var(--cp-label-color);padding:24px;font-size:14px}.pantone-lib-dialog__actions{border-top:1px solid var(--cp-chip-border);justify-content:flex-end;align-items:center;gap:12px;padding:12px 20px 16px;display:flex}.pantone-lib-dialog__btn{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);min-width:96px;color:var(--button-text);cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;margin-top:0;padding:11px 16px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.pantone-lib-dialog__btn:hover:not(:disabled){box-shadow:var(--button-shadow);transform:translateY(-1px)}.pantone-lib-dialog__btn:active:not(:disabled){transform:translateY(1px)}.pantone-lib-dialog__btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=640px){.pantone-lib-dialog__workspace{flex-direction:column;height:min(92vh - 200px,480px);max-height:none}.pantone-lib-dialog__list{flex:auto;max-height:none}.pantone-lib-dialog__hue-wrap{flex:none;width:100%;height:22px}.pantone-lib-dialog__hue{cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 16%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);width:100%;height:14px;top:50%;left:0;transform:translateY(-50%)}.pantone-lib-dialog__hue-thumb{top:50%;left:var(--hue-pos,0%);width:10px;height:20px;transition:left .15s ease-out}.pantone-lib-dialog__actions{flex-direction:column}.pantone-lib-dialog__btn{width:100%}.pantone-lib-dialog__preview-panel{flex:none;width:100%;height:auto}.pantone-lib-dialog__preview-swatch{aspect-ratio:4/3;max-height:100px}}