.gangSheetPage{font-family:system-ui,sans-serif;color:#f9fafb}.gangSheetPage .container{max-width:1100px;margin:20px auto;padding:20px;background:#1f2937;border-radius:12px}.gangSheetPage .row{display:flex;gap:16px}.gangSheetPage .card{flex:1;background:#111827;padding:16px;border-radius:10px}.gangSheetPage label{display:block;margin-top:8px}.gangSheetPage input{width:100%;padding:6px;margin-top:4px}.gangSheetPage table{width:100%;margin-top:8px}.gangSheetPage button{margin-top:10px;padding:8px 14px}.gangSheetPage #svgContainer{margin-top:20px;padding:10px;background:transparent}.gangSheetPage .actions{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}.gangSheetPage .downloadLinks{display:flex;gap:10px;flex-wrap:wrap}.gangSheetPage .downloadLinks a{padding:8px 12px;border-radius:10px;border:1px solid #f9fafb;text-decoration:none;color:#f9fafb;background:transparent}.gangSheetPage .downloadLinks a:hover{background:#f9fafb14}.gangSheetPage .preview{margin-top:16px}.gangSheetPage .sheetsGrid{display:grid;grid-template-columns:1fr;gap:0;margin-top:16px}.gangSheetPage .sheetBlock{border:2px solid #111827;border-radius:12px;background:#fff;padding:12px}.gangSheetPage .sheetHeader{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.gangSheetPage .sheetHeader .title{font-weight:700;color:#111827}.gangSheetPage .sheetHeader .meta{color:#6b7280;font-size:13px}.gangSheetPage .sheetSvgWrap{overflow:auto;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;padding:10px}.gangSheetPage .sheetSvgWrap svg{display:block;max-width:100%;height:auto}.gangSheetPage .pageBreak{width:100%;margin:18px 0;position:relative;border-left:2px solid #111827;border-right:2px solid #111827;border-top:3px dashed #9ca3af;height:26px;background:#fff}.gangSheetPage .pageBreak:after{content:"PAGE BREAK";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:0 10px;color:#6b7280;font-size:12px;letter-spacing:1px}.gangSheetPage .summary{margin-top:10px;color:#e5e7eb}.gangSheetPage .hint{color:#9ca3af;margin-top:10px;font-size:13px}.gangSheetPage .rotateToggle{margin-top:12px;display:flex;align-items:center;gap:8px}.gangSheetPage .rotateToggle input{width:auto;margin-top:0}:root{--ink: #0f172a;--panel: #ffffffde;--line: #cbd5e1;--accent: #0ea5a6}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at 18% 10%,#99f6e4 0,#99f6e400 30%),radial-gradient(circle at 90% 90%,#bfdbfe 0,#bfdbfe00 34%),linear-gradient(140deg,#e2e8f0,#f8fafc 55%,#e5e7eb);overflow:hidden}.authShell{min-height:100vh;padding:24px;display:grid;place-items:center;color:#0f172a}.authPanel{width:min(460px,100%);border:1px solid #ffffff;border-radius:8px;background:#ffffffde;box-shadow:0 18px 42px #0f172a1f;padding:26px}.authEyebrow{margin:0 0 10px;color:#0f766e;font-size:.78rem;font-weight:800;text-transform:uppercase}.authPanel h1{margin:0;font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.1}.authPanel p{margin:12px 0 0;color:#475569;line-height:1.5}.authButtonRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.authPrimaryButton,.authSecondaryButton{min-height:42px;border-radius:8px;padding:10px 14px;font:inherit;font-weight:800;cursor:pointer}.authPrimaryButton{margin-top:18px;border:1px solid #0f172a;background:#0f172a;color:#f8fafc}.authSecondaryButton{border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a}.authButtonRow .authPrimaryButton{margin-top:0}.topNav{width:min(1560px,98vw);margin:8px auto 0;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-radius:16px;background:#ffffffc7;border:1px solid #ffffff;box-shadow:0 10px 24px #0f172a1c}.brand{font-weight:800;letter-spacing:.02em}.navAction{border:1px solid #0ea5a6;border-radius:10px;background:#ccfbf1;color:#134e4a;padding:8px 12px;font-weight:700;cursor:pointer}.navButtons{display:flex;gap:8px}.navButtons button{border:1px solid #cbd5e1;background:#f8fafc;border-radius:10px;padding:8px 12px;cursor:pointer}.navButtons button.active{background:#0f172a;color:#f8fafc;border-color:#0f172a}.flowTracker{width:min(1560px,98vw);margin:6px auto 0;padding:8px;border:1px solid #ffffff;border-radius:16px;background:#ffffffe0;box-shadow:0 10px 20px #0f172a17;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.flowSteps,.flowTools{display:flex;gap:8px;flex-wrap:wrap}.stepBtn,.toolBtn{border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;padding:7px 10px;cursor:pointer;font-weight:600;display:inline-flex;gap:8px;align-items:center}.stepBtn.active,.toolBtn.active{background:#0f172a;border-color:#0f172a;color:#f8fafc}.stepIndex{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e2e8f0;color:#0f172a;font-size:12px}.stepBtn.active .stepIndex{background:#22d3ee;color:#042f2e}.pagePanel{width:min(1560px,98vw);margin:14px auto 24px;border:1px solid #ffffff;border-radius:22px;background:#ffffffde;box-shadow:0 18px 42px #0f172a1f;padding:22px}.pagePanel h2{margin:0}.pagePanel>p{margin:8px 0 16px;color:#475569}.orderForm{display:grid;gap:12px}.orderForm label{display:grid;gap:6px;font-weight:600}.orderForm input,.orderForm select,.orderForm textarea{border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font:inherit;background:#fff}.summaryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:8px}.summaryGrid div{border:1px solid #dbeafe;border-radius:12px;background:#eff6ff;padding:10px;display:grid;gap:4px}.summaryGrid span{color:#334155}.primaryBtn{border:0;border-radius:12px;padding:10px 12px;background:linear-gradient(110deg,#0ea5a6,#0891b2);color:#fff;font-weight:700;cursor:pointer}.dataTable{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dbeafe;border-radius:12px;overflow:hidden}.dataTable th,.dataTable td{text-align:left;padding:10px 12px;border-bottom:1px solid #e2e8f0;font-size:.95rem}.dataTable th{background:#f1f5f9}.emptyState{border:1px dashed #cbd5e1;border-radius:12px;padding:14px;color:#475569;background:#f8fafc}.pageActions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.collectionsPage{max-height:calc(100vh - 132px);overflow:auto}.collectionsHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;border-bottom:1px solid #e2e8f0;padding-bottom:16px}.collectionsHeader h2{margin:0}.collectionsHeader p{margin:8px 0 0;color:#64748b;max-width:720px}.collectionsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.collectionCard{border:1px solid #dbe4ee;border-radius:16px;background:#fff;padding:10px;display:grid;gap:10px;text-align:left;cursor:pointer;box-shadow:0 10px 22px #0f172a12}.collectionCard:hover{border-color:#0ea5a6;background:#f0fdfa}.collectionCover{height:190px;border-radius:12px;background:#eef2f7;overflow:hidden;display:grid;place-items:center}.collectionCover img,.collectionCover .collectionItemPreview{width:100%;height:100%;object-fit:cover}.collectionCover span{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#ccfbf1;color:#134e4a;font-size:2rem;font-weight:800}.collectionCardMeta{display:grid;gap:4px}.collectionCardMeta strong{color:#0f172a;font-size:1.05rem}.collectionCardMeta span,.collectionCardMeta small{color:#64748b}.collectionEmptyState{min-height:360px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;display:grid;align-content:center;justify-items:center;gap:10px;text-align:center;padding:32px}.collectionEmptyState h3,.collectionEmptyState p{margin:0}.collectionEmptyState p{color:#64748b}.collectionBackBtn{margin-bottom:12px;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;padding:8px 12px;font-weight:700;color:#0f172a;cursor:pointer}.collectionBackBtn:hover{border-color:#0ea5a6;color:#0f766e}.collectionHeroImage{width:132px;height:92px;border-radius:12px;object-fit:cover;border:1px solid #dbe4ee;background:#f8fafc}.collectionItemsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.collectionItemCard{border:1px solid #dbe4ee;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 24px #0f172a12}.collectionItemPreviewShell{height:280px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:grid;place-items:center}.collectionItemPreview{width:100%;height:100%;display:block}.collectionItemMeta{padding:14px;display:grid;gap:6px}.collectionItemMeta>span,.collectionItemMeta p,.collectionItemMeta small,.collectionItemMeta time{color:#64748b}.collectionItemMeta h3,.collectionItemMeta p{margin:0}.collectionItemStats{display:flex;flex-wrap:wrap;gap:6px}.collectionItemStats span{border:1px solid #dbe4ee;border-radius:999px;background:#f8fafc;padding:5px 8px;color:#334155;font-weight:700;font-size:.85rem}.app{width:min(1560px,98vw);margin:8px auto 24px;display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(290px,330px);gap:12px}.designLabLayout{height:calc(100vh - 140px);margin:8px auto 40px;align-items:stretch;padding-bottom:16px}.panel{border:1px solid #ffffff;border-radius:22px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 42px #0f172a1f;min-height:0}.controls{position:relative;padding:12px;overflow:auto}.controlsShell{display:grid;grid-template-columns:1fr;gap:10px;min-height:100%;align-content:start}.toolRail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:start;padding:0;border-radius:0;background:transparent}.toolRail button{border:1px solid #cbd5e1;border-radius:10px;padding:9px 7px;background:#fff;color:#0f172a;cursor:pointer;text-align:center;font-weight:700;line-height:1.15;font-size:.8rem;min-height:48px;display:grid;place-items:center}.toolRail button.active{border-color:#0ea5a6;background:#ccfbf1;color:#134e4a;box-shadow:inset 0 0 0 1px #0ea5a62e}.toolPanel{min-width:0;padding-bottom:8px}.uploadToolPanel{align-self:start}.controls h1{margin:0;font-size:1.45rem}.lead{margin:6px 0 12px;color:#334155;line-height:1.35;font-size:.95rem}.field,.upload{display:grid;gap:8px;margin-top:12px;min-width:0}.field span,.upload span{font-size:.88rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.06em}select,input[type=file],input[type=range]{width:100%;min-width:0}.textEntry{width:100%;min-width:0;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:#0f172a;font:inherit;box-shadow:inset 0 1px #ffffffe6;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.textEntry::placeholder{color:#94a3b8}.textEntry:focus{outline:none;border-color:#0ea5a6;box-shadow:0 0 0 3px #0ea5a61f}.textEntryCentered{text-align:center;font-size:1.15rem}.textEntryMultiline{min-height:88px;resize:vertical;line-height:1.35;white-space:pre-wrap}select,input[type=file]{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit;color:#0f172a;overflow:hidden;text-overflow:ellipsis}input[type=file]::file-selector-button{margin-right:10px;padding:9px 14px;border:1px solid #94a3b8;border-radius:10px;background:#f8fafc;color:#0f172a;font:inherit;font-weight:700;cursor:pointer}.uploadTrigger{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#0f172a;cursor:pointer;font:inherit;font-weight:700;text-transform:none;letter-spacing:0}.uploadEditorCompact{gap:8px}.uploadEditorCompact .uploadTrigger{min-height:50px;border-color:#0ea5a6;background:linear-gradient(110deg,#ccfbf1,#67e8f9);color:#134e4a;box-shadow:inset 0 0 0 1px #0ea5a629,0 8px 18px #0ea5a61f}.uploadEditorCompact .uploadTrigger:hover{background:linear-gradient(110deg,#99f6e4,#22d3ee)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:28px;height:28px;border:2px solid #ffffff;border-radius:999px;cursor:pointer;box-shadow:0 2px 10px #0f172a2e}.swatch.active{outline:2px solid #0f172a;outline-offset:1px}.action{margin-top:10px;border:0;border-radius:12px;padding:10px 12px;background:linear-gradient(110deg,#0ea5a6,#0891b2);color:#fff;font-weight:700;cursor:pointer}.uploadEditor{display:grid;gap:12px;padding:0;border:0;border-radius:0;background:transparent;margin-bottom:8px;overflow:hidden}.uploadEditor .upload{margin-top:0}.textEditor{gap:12px}.textEditor .uploadEditorHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.textEditor .uploadEditorHeader h2{flex:1}.uploadEditorHeader{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.uploadEditorHeader h2{margin:0;font-size:1.05rem;line-height:1.05}.inspectorArtworkHeader{padding-bottom:6px}.inspectorArtworkHeader h2{font-size:.96rem;color:#475569;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploadEditorHeader small{color:#64748b;text-transform:capitalize;font-size:.96rem}.editorCloseBtn{border:0;background:transparent;color:#0f172a;font-size:2.4rem;line-height:1;cursor:pointer;padding:0;flex:0 0 auto}.dimensionRow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}.dimensionRow label{display:grid;gap:6px}.dimensionRow input,.rotationValue{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit}.dimensionX{font-weight:800;color:#0f172a}.inkSwatches{display:flex;flex-wrap:wrap;gap:8px}.compactInkControls{margin-top:0;gap:6px}.inkSwatch{width:34px;height:34px;border-radius:10px;border:2px solid #e2e8f0;box-shadow:inset 0 0 0 1px #0f172a14;cursor:pointer}.inkSwatch.active{outline:2px solid #2563eb;outline-offset:1px}.artworkSizeCard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.artworkSizeCard>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:7px 8px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.artworkSizeCard span{color:#64748b;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.artworkSizeInput{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px}.artworkSizeInput input{width:100%;min-width:0;border:0;background:transparent;color:#0f172a;font:inherit;font-size:.86rem;font-weight:600;padding:0}.artworkSizeInput input:focus{outline:none}.artworkSizeInput small{color:#64748b;font-size:.76rem;font-weight:700}.toggleRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.toggleRow>div{min-width:0}.toggleRow strong{display:block;font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.backgroundPickerRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.backgroundPickerRow strong{display:block;color:#0f172a;font-size:.92rem}.backgroundPickerRow small{display:block;margin-top:2px;color:#64748b;font-size:.78rem;line-height:1.25}.backgroundColorControl{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #dbe4ee;border-radius:999px;background:#fff}.backgroundColorControl input{width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}.editorSettingRow{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch;padding:10px 0;border-top:1px solid #e2e8f0}.editorSettingRow>span{font-size:.95rem;font-weight:700;color:#1f2937}.editorSettingRow select{min-width:0;width:100%}.editorSettingRowRotation{align-items:stretch}.rotationControls{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;align-items:center}.colorPickerSimple{display:grid;gap:12px;padding:12px;border:1px solid #dbe4ee;border-radius:14px;background:#f8fafc}.colorTargetToggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.colorTargetToggle button{border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font-weight:700;padding:10px 12px;cursor:pointer;display:grid;place-items:center;min-height:52px}.colorTargetToggle button svg{width:22px;height:22px;display:block}.colorTargetToggle button.is-active{border-color:#0ea5a6;background:#ecfeff;color:#0f172a}.colorPickerTop{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:14px;align-items:start}.colorShadeBox{position:relative;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;cursor:crosshair;box-shadow:inset 0 0 0 1px #0f172a1f}.colorShadeWhite,.colorShadeBlack{position:absolute;top:0;right:0;bottom:0;left:0}.colorShadeWhite{background:linear-gradient(90deg,#fff,#fff0)}.colorShadeBlack{background:linear-gradient(180deg,#0000,#000)}.colorShadeHandle{position:absolute;width:18px;height:18px;border-radius:999px;border:2px solid #ffffff;box-shadow:0 0 0 1px #0f172a73;transform:translate(-50%,-50%);pointer-events:none}.colorHueColumn{display:grid;gap:12px;justify-items:center}.colorHueSlider{writing-mode:vertical-lr;direction:rtl;width:28px;height:100%;min-height:220px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to top,red,#ff0 16.6%,#0f0,#0ff 50%,#00f 66.6%,#f0f,red);border-radius:999px;border:0;cursor:ns-resize}.colorHueSlider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:10px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #0f172a47}.colorHueSlider::-moz-range-thumb{width:28px;height:10px;border-radius:999px;border:0;background:#fff;box-shadow:0 0 0 1px #0f172a47}.colorPreviewCard{display:grid;gap:8px;align-items:center;justify-items:center}.colorBorderControls{display:grid;gap:8px;padding-top:4px}.colorBorderControls>span{font-size:.86rem;font-weight:700;color:#475569}.colorPreviewSwatchLarge{width:44px;height:44px;border-radius:12px;border:2px solid #ffffff;box-shadow:0 2px 10px #0f172a24}.colorPreviewSwatchLarge.is-none{background-image:linear-gradient(135deg,transparent 0 45%,#ef4444 45%,#ef4444 55%,transparent 55%),linear-gradient(45deg,#e2e8f0 25%,transparent 25%,transparent 75%,#e2e8f0 75%,#e2e8f0),linear-gradient(45deg,#e2e8f0 25%,transparent 25%,transparent 75%,#e2e8f0 75%,#e2e8f0);background-size:100% 100%,14px 14px,14px 14px;background-position:center,0 0,7px 7px;box-shadow:inset 0 0 0 1px #0f172a14}.colorPreviewCard small{color:#64748b;font-size:.78rem;text-align:center}.colorNoneBtn{width:100%;min-height:40px;padding:8px 10px}.switch{width:56px;height:32px;border:0;border-radius:999px;background:#cbd5e1;position:relative;cursor:pointer;transition:background .18s ease}.switch span{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #0f172a38;transition:transform .18s ease}.switch.is-on{background:#2563eb}.switch.is-on span{transform:translate(24px)}.editorActionsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:stretch}.labeledEditorActions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.editorToolItem{display:grid;gap:4px;justify-items:center;min-width:0}.editorToolItem>span{color:#0f172a;font-size:.72rem;font-weight:600;line-height:1.1;text-align:center}.editorToolButton{width:100%;min-height:36px;border-radius:8px;padding:5px}.editorToolButton svg{width:17px;height:17px}.rotationRow{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:10px;align-items:center}.editorFooterActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editorFooterActions .action,.editorFooterActions .ghostAction{margin-top:0;flex:1}.secondaryAction,.ghostAction{border-radius:10px;padding:10px;font-weight:700;cursor:pointer;font-size:.9rem;line-height:1.15;min-width:0;overflow-wrap:anywhere;text-align:center}.secondaryAction{border:1px solid #94a3b8;background:#f8fafc;color:#0f172a}.iconAction{min-height:52px;display:grid;place-items:center;padding:8px}.iconAction svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.iconAction .actionGlyphMuted{stroke:#64748b;stroke-dasharray:2.2 2.2}.libraryActionBtn{grid-column:1 / -1;min-height:50px}.recentDesignShortcuts{display:grid;gap:8px}.recentDesignHeader{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.recentDesignGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recentDesignCard{aspect-ratio:1 / 1;border:1px solid #dbe4ee;border-radius:12px;background-color:#f8fafc;background-image:linear-gradient(45deg,#dbe4ee 25%,transparent 25%),linear-gradient(-45deg,#dbe4ee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dbe4ee 75%),linear-gradient(-45deg,transparent 75%,#dbe4ee 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;padding:7px;cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffffa6}.recentDesignCard:hover{border-color:#0ea5a6;background-color:#ecfeff}.recentDesignCard img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 1px 1px rgba(15,23,42,.34)) drop-shadow(0 0 1px rgba(15,23,42,.5))}.textEditorActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}.segmentedGroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #94a3b8;border-radius:12px;overflow:hidden}.segmentedGroup .secondaryAction{border:0;border-right:1px solid #cbd5e1;border-radius:0}.segmentedGroup .secondaryAction:last-child{border-right:0}.segmentedGroup .secondaryAction.is-active{background:#d1d5db}.textEditor .iconAction,.textEditor .secondaryAction,.textEditor .ghostAction{min-height:50px}.status{overflow-wrap:anywhere}.ghostAction{border:1px solid #fecaca;background:#fff1f2;color:#b91c1c}.sidePicker{margin-top:16px}.sideButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sideButtons button{flex:1;border:1px solid var(--line);border-radius:12px;padding:10px;background:#f8fafc;cursor:pointer}.sideButtons button.is-visible{border-color:#67e8f9;background:#ecfeff}.sideButtons button.active{border-color:#0ea5a6;background:#ccfbf1;font-weight:700}.sideButtons button:disabled{opacity:.45;cursor:not-allowed}.status{margin-top:10px;padding:9px 10px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;font-size:.82rem}.status-success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.status-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.libraryStatus{margin:8px 22px 0;padding:6px 10px;font-size:.78rem}.catalogNote{margin-top:10px;background:#ecfeff;border-color:#bae6fd}.designLibraryList{display:grid;gap:10px;max-height:280px;overflow:auto;padding-right:4px}.designLibraryCard{display:grid;grid-template-columns:66px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid #dbe4ee;background:#fff;cursor:pointer}.designPreview{width:66px;height:66px;padding:6px;border:1px solid #dbe4ee;border-radius:12px;background:linear-gradient(180deg,#f8fafc,#eef2f7);cursor:pointer}.designPreview img{width:100%;height:100%;object-fit:contain;display:block}.designMeta{min-width:0;display:grid;gap:3px}.designMeta strong,.designMeta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designMeta small{color:#64748b}.designLibraryCard>.ghostAction{grid-column:1 / -1;justify-self:start}.libraryOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a5c;display:flex;align-items:center;justify-content:center;padding:8px;z-index:100}.libraryOverlayTop{z-index:120}.libraryPanel{width:calc(100vw - 16px);height:calc(100vh - 16px);max-width:1800px;overflow:hidden;border-radius:18px;border:1px solid #dbe4ee;background:#fff;box-shadow:0 18px 40px #0f172a2e;padding:0;display:flex;flex-direction:column;position:relative}.libraryPanel.is-drop-active{border-color:#0ea5a6;box-shadow:0 0 0 4px #0ea5a62e,0 18px 40px #0f172a2e}.libraryPanel.is-drop-active:after{content:"Drop file to upload";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:20;display:grid;place-items:center;border:2px dashed #0ea5a6;border-radius:14px;background:#f0fdfae6;color:#0f766e;font-size:1.8rem;font-weight:800;pointer-events:none}.libraryHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #e5e7eb;background:#fbfbfb}.libraryHeader h2{margin:0;font-size:1.05rem}.libraryCloseBtn{border:0;background:transparent;font-size:2rem;line-height:1;color:#8a8a8a;cursor:pointer}.libraryToolbar,.libraryDropzone,.designLibraryListFullscreen,.libraryFooter{margin-left:20px;margin-right:20px}.libraryToolbar{margin-top:10px;display:flex;justify-content:space-between;gap:16px;align-items:center}.librarySearchWrap{flex:1}.librarySearch{width:100%;height:44px;border-radius:14px;border:1px solid #c7c9cc;padding:0 20px;font:inherit;font-size:1rem}.libraryToolbarActions{display:flex;gap:12px;align-items:center}.libraryTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.libraryTabs button{border:1px solid #d4d4d8;background:#fff;border-radius:12px;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer}.libraryTabs button.is-active{border-color:#0ea5a6;background:#ecfeff;color:#0f172a}.libraryTopBtn,.libraryFooterBtn,.libraryFooterPrimary,.libraryPrimaryBtn{border-radius:16px;font:inherit;cursor:pointer}.libraryTopBtn{border:1px solid #d4d4d8;background:#fff;padding:10px 14px}.librarySortWrap{position:relative;display:inline-flex;gap:8px;align-items:center}.designFolderList{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding:8px 0}.designFolderTile{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #dbe4ee;border-radius:12px;background:#fff;padding:10px;color:#0f172a;font:inherit;text-align:left;cursor:pointer}.designFolderTile:hover{border-color:#0ea5a6;background:#ecfeff}.designFolderPreview{width:54px;height:54px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;overflow:hidden;color:#64748b;font-weight:900}.designFolderPreview img{width:100%;height:100%;object-fit:cover}.designFolderMeta{display:grid;gap:3px;min-width:0}.designFolderMeta strong,.libraryFolderHeader strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designFolderMeta small,.libraryFolderHeader small{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.libraryFolderHeader{display:flex;align-items:center;gap:12px;border:1px solid #dbe4ee;border-radius:12px;background:#f8fafc;padding:10px}.libraryFolderHeader>div{display:grid;gap:2px;min-width:0}.librarySortMenu{position:absolute;top:calc(100% + 10px);right:0;width:340px;border-radius:20px;border:1px solid #d9d9de;background:#fff;box-shadow:0 18px 36px #0f172a29;padding:12px;z-index:5}.librarySortOption{width:100%;display:flex;align-items:center;gap:14px;border:0;background:transparent;text-align:left;padding:12px 10px;border-radius:12px;cursor:pointer;font:inherit;font-size:.98rem}.librarySortOption:hover{background:#f8fafc}.librarySortRadio{width:18px;height:18px;border-radius:999px;border:1.5px solid #a1a1aa;display:inline-block;flex:0 0 auto}.librarySortRadio.active{border:5px solid #3f3f46}.libraryDropzone{margin-top:10px;min-height:58px;border:1px dashed #c7c9cc;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:left;padding:10px 14px;background:#fff;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.libraryDropzone.active{border-color:#0ea5a6;background:#f0fdfa;box-shadow:0 0 0 4px #0ea5a614 inset}.libraryDropzoneActions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:0}.libraryPrimaryBtn{border:1px solid #d4d4d8;background:#fff;padding:10px 16px;font-weight:600;white-space:nowrap}.libraryDropzone p{margin:0;color:#5b6571;font-size:.98rem}.designLibraryListFullscreen{flex:1 1 auto;min-height:0;margin-top:10px;margin-bottom:10px;max-height:none;overflow-y:auto;overflow-x:hidden;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));align-content:start;align-items:start;gap:12px;padding:0 4px 2px 0}.designLibraryTile{grid-template-columns:1fr;gap:6px;align-content:start;min-height:0;height:178px;padding:8px;position:relative;box-shadow:0 1px #0f172a0a;overflow:hidden}.designLibraryTile.is-selected{height:218px;border-color:#0ea5a6;box-shadow:0 0 0 3px #0ea5a61f;background:#f0fdfa}.designPreviewLarge{width:100%;height:106px;padding:6px;border-radius:12px;border-color:transparent;background:#f1f5f9}.textPreviewCard{display:grid;place-items:center;background:linear-gradient(180deg,#fff,#f8fafc)}.textPreviewSample{max-width:100%;text-align:center;line-height:1.1;word-break:break-word;padding:10px}.textLibraryTile{min-height:0;height:210px}.designMetaCentered{text-align:center;justify-items:center}.designMetaCentered strong{max-width:100%;color:#0f172a;display:-webkit-box;font-size:.86rem;font-weight:500;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.designMetaCentered small{max-width:100%}.textMetaDetails{display:grid;gap:2px;width:100%;margin-top:2px}.textMetaDetails span{display:block;width:100%;font-size:.78rem;line-height:1.25;color:#475569;overflow-wrap:anywhere}.libraryRemoveBtn{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:999px;border:1px solid #d4d4d8;background:#fff;color:#8a8a8a;font-size:1.2rem;line-height:1;cursor:pointer}.libraryUseBtn{margin-top:2px;position:absolute;left:50%;bottom:8px;transform:translate(-50%);min-width:112px;white-space:nowrap;border:1px solid #0ea5a6;border-radius:10px;background:#0ea5a6;color:#fff;padding:7px 10px;font:inherit;cursor:pointer}.libraryFooter{border-top:1px solid #e5e7eb;padding:10px 0 12px;display:flex;justify-content:flex-end;gap:14px;background:#fff;margin-top:auto}.libraryFooterBtn{border:1px solid #d4d4d8;background:#fff;padding:10px 18px}.libraryFooterPrimary{border:1px solid #d4d4d8;background:#d4d4d8;color:#fff;padding:10px 18px}.libraryFooterPrimary:not(:disabled){border-color:#0ea5a6;background:#0ea5a6}.libraryFooterPrimary:disabled{opacity:.55;cursor:not-allowed}.vectorizerOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:12px;background:#0f172a75}.vectorizerPanel{width:min(1280px,calc(100vw - 24px));height:min(860px,calc(100vh - 24px));overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 24px 60px #0f172a42;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.vectorizerHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 18px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.vectorizerHeader h2{margin:0;font-size:1.18rem}.vectorizerHeader small{display:block;margin-top:4px;color:#64748b;overflow-wrap:anywhere}.vectorizerTitleMeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.vectorizerTitleMeta small{margin-top:0}.fileTypeBadge{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.72rem;font-weight:800;line-height:1;white-space:nowrap}.preparingArtworkPanel{width:min(420px,calc(100vw - 48px));display:grid;gap:18px;padding:22px;border:1px solid #dbe4ee;border-radius:18px;background:#fff;box-shadow:0 18px 40px #0f172a2e}.preparingArtworkPanel h2{margin:0;font-size:1.12rem}.preparingArtworkSteps{display:grid;gap:9px}.preparingArtworkSteps>span{display:flex;align-items:center;gap:9px;color:#334155;font-size:.92rem;font-weight:700}.preparingArtworkDot{width:8px;height:8px;border-radius:999px;background:#0ea5a6;box-shadow:0 0 0 4px #0ea5a61f}.cropperBody{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:14px;overflow:hidden}.cropperPreview{min-width:0;min-height:0;height:100%;display:grid;place-items:center;padding:18px;overflow:hidden;border:1px solid #dbe4ee;border-radius:16px;background:linear-gradient(45deg,#d1d5db 25%,transparent 25%,transparent 75%,#d1d5db 75%,#d1d5db),linear-gradient(45deg,#d1d5db 25%,#fff 25%,#fff 75%,#d1d5db 75%,#d1d5db);background-size:20px 20px;background-position:0 0,10px 10px}.cropperImageFrame{position:relative;width:min(100%,calc(100vh - 190px));height:auto;max-width:100%;max-height:calc(100vh - 190px);-webkit-user-select:none;user-select:none;touch-action:none}.cropperImageFrame img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.cropperScrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#0f172a14}.cropperBox{position:absolute;min-width:24px;min-height:24px;cursor:move;border:2px solid #0f172a;box-shadow:0 0 0 9999px #ffffff6b}.cropperBox:before,.cropperBox:after{content:"";position:absolute;top:33.333%;right:0;bottom:33.333%;left:0;border-top:1px solid rgba(15,23,42,.42);border-bottom:1px solid rgba(15,23,42,.42);pointer-events:none}.cropperBox:after{top:0;right:33.333%;bottom:0;left:33.333%;border:0;border-left:1px solid rgba(15,23,42,.42);border-right:1px solid rgba(15,23,42,.42)}.cropperHandle{position:absolute;z-index:2;width:16px;height:16px;border:2px solid #0f172a;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0f172a40}.cropperHandleN{top:-9px;left:calc(50% - 8px);cursor:ns-resize}.cropperHandleS{bottom:-9px;left:calc(50% - 8px);cursor:ns-resize}.cropperHandleE{right:-9px;top:calc(50% - 8px);cursor:ew-resize}.cropperHandleW{left:-9px;top:calc(50% - 8px);cursor:ew-resize}.cropperHandleNW{left:-9px;top:-9px;cursor:nwse-resize}.cropperHandleNE{right:-9px;top:-9px;cursor:nesw-resize}.cropperHandleSW{left:-9px;bottom:-9px;cursor:nesw-resize}.cropperHandleSE{right:-9px;bottom:-9px;cursor:nwse-resize}.cropperStats{display:grid;gap:8px;padding-top:10px;border-top:1px solid #e2e8f0}.cropperStats h4{margin:0;font-size:.95rem}.cropperStats div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;color:#64748b;font-size:.9rem}.cropperStats strong{color:#0f172a}.vectorizerBody{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;padding:14px;overflow:hidden}.vectorizerStart{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:14px;overflow:hidden}.vectorPreviewPaneStart{min-height:0}.vectorizerStartSettings{align-self:start}.vectorizerAutoStats{position:relative;display:grid;gap:8px}.artworkReviewStack{display:grid;gap:8px}.artworkReviewStack h4{margin:0;color:#0f172a;font-size:.92rem}.productionStatus{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px 11px;border:1px solid #dbe4ee;border-radius:12px;background:#f8fafc}.productionStatus strong,.productionStatus small{display:block}.productionStatus strong{color:#0f172a;font-size:.92rem}.productionStatus small{margin-top:3px;color:#64748b;font-size:.78rem;line-height:1.35}.productionStatusDot{width:10px;height:10px;margin-top:4px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.productionStatus-warning .productionStatusDot{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b24}.productionStatus-error .productionStatusDot{background:#ef4444;box-shadow:0 0 0 4px #ef444424}.artworkWarningList{display:flex;flex-wrap:wrap;gap:8px}.artworkWarningBadge{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:.75rem;font-weight:800}.vectorizerTextOutlineField small{color:#64748b;font-size:.82rem;line-height:1.35}.vectorizerAutoStats>div,.vectorizerAutoStats>button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.vectorizerAutoStats>button{width:100%;font:inherit;text-align:left;cursor:pointer}.vectorizerAutoStats>button:disabled{cursor:default}.vectorizerAutoStats>button:not(:disabled):hover,.vectorizerAutoStats>button:not(:disabled):focus-visible{border-color:#93c5fd;background:#f0f9ff;box-shadow:0 0 0 2px #2563eb1a;outline:none}.vectorizerAutoStats>button.is-open{border-color:#0891b2;background:#ecfeff;box-shadow:0 0 0 2px #0891b21f}.vectorizerAutoStats span{color:#475569;font-size:.88rem;font-weight:700}.vectorizerAutoStats strong{font-size:.95rem;color:#0f172a}.vectorizerStatValue{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.vectorizerColorCountValue{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;color:#0f172a;font-size:.95rem;font-weight:800}.vectorizerColorCountValue>span:first-child{color:#0f172a;font-size:.95rem;font-weight:900}.vectorizerColorStatRow{justify-content:start}.vectorizerColorStatDots{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px}.vectorizerColorStatLabel{display:inline-flex;align-items:baseline;justify-content:flex-start;gap:12px}.vectorizerColorStatLabel span{color:#475569;font-size:.88rem;font-weight:800}.vectorizerColorStatLabel strong{color:#0f172a;font-size:.95rem;font-weight:500}.vectorizerColorSwatch{width:18px;height:18px;border:1px solid #cbd5e1;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff8c}.vectorizerPaletteDots{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px}.vectorizerAutoStats .vectorizerPaletteDots{color:inherit;font-size:inherit}.vectorizerPaletteDot{width:18px;height:18px;padding:0;border:2px solid #ffffff;border-radius:999px;box-shadow:0 0 0 1px #0f172a29;flex:0 0 auto}.vectorizerPaletteDot.is-active{box-shadow:0 0 0 2px #0891b2,0 0 0 4px #fff}.vectorizerPalettePeek{display:inline-flex;align-items:center;justify-content:flex-end}.vectorizerPaletteTrigger{display:inline-flex;align-items:center;gap:7px;max-width:180px;border:1px solid #dbe4ee;border-radius:999px;background:#fff;color:#0f172a;font-size:.76rem;font-weight:800;padding:5px 9px 5px 6px;cursor:pointer;box-shadow:0 1px 3px #0f172a14}.vectorizerPaletteTrigger>span:last-child{color:#0f172a;font-size:.76rem;font-weight:800;white-space:nowrap}.vectorizerPalettePopover,.vectorizerInfoPopover{position:absolute;z-index:20;top:62px;left:50%;transform:translate(-50%);display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;max-height:min(560px,calc(100vh - 300px));gap:10px;padding:12px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;box-shadow:0 18px 45px #0f172a38}.inspectorPalettePopover{position:static;transform:none;width:100%;max-height:280px;box-shadow:none}.vectorizerPaletteHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.vectorizerPaletteTitle{color:#0f172a;font-size:1rem;font-weight:900}.vectorizerPaletteHeaderActions{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.vectorizerPaletteHeader button{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#0f172a;font-size:.78rem;font-weight:800;padding:6px 10px;cursor:pointer}.vectorizerPaletteHeader .vectorizerPaletteClose,.vectorizerPaletteHeader .vectorizerPaletteUndo{width:30px;height:30px;padding:0;color:#64748b;font-size:.9rem}.vectorizerPaletteHeader .vectorizerPaletteUndo svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vectorizerPaletteList,.vectorizerInfoList{display:grid;gap:8px;min-height:0;overflow:auto;padding-right:2px}.vectorizerInfoList>span{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:10px 12px}.vectorizerInfoList>span>span:first-child{color:#64748b;font-size:.78rem;font-weight:800}.vectorizerInfoList strong{color:#0f172a;font-size:.9rem;font-weight:500;text-align:right}.vectorizerInfoControlRow>span:first-child{display:grid;gap:2px;min-width:0}.vectorizerInfoControlRow>span:first-child strong{font-weight:500;text-align:left}.vectorizerInfoControlRow>span:first-child .vectorizerInfoControlTitle{font-weight:800}.vectorizerInfoControlRow small{color:#64748b;font-size:.76rem;font-weight:700;line-height:1.25}.vectorizerPaletteRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:9px 10px;text-align:left;cursor:pointer}.vectorizerPaletteActions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.vectorizerPaletteAction{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;cursor:pointer}.vectorizerPaletteAction svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vectorizerPaletteAction input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}@media (max-width: 760px){.vectorizerPaletteRow{grid-template-columns:auto minmax(0,1fr)}.vectorizerPaletteActions{grid-column:1 / -1;justify-content:flex-end}}.vectorizerPaletteRow.is-active{border-color:#0891b2;background:#ecfeff;box-shadow:0 0 0 2px #0891b21f}.vectorizerPaletteSwatch{width:28px;height:28px;border:1px solid rgba(15,23,42,.16);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff80}.vectorizerPaletteText{display:grid;gap:2px;min-width:0}.vectorizerPaletteText strong{color:#0f172a;font-size:.92rem}.vectorizerPaletteText small{color:#64748b;font-size:.78rem;font-weight:700}.vectorPreviewGrid{min-width:0;min-height:0;height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vectorPreviewPane{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid #dbe4ee;border-radius:16px;background:#f8fafc;overflow:hidden}.vectorPreviewPane header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #e2e8f0;background:#fff}.vectorPreviewPane header span{font-weight:800}.vectorPreviewPane header small{color:#64748b;text-align:right}.vectorPreviewCanvas{position:relative;width:100%;height:100%;min-height:0;display:grid;place-items:center;padding:18px;overflow:hidden;background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%,transparent 75%,#e2e8f0 75%,#e2e8f0),linear-gradient(45deg,#e2e8f0 25%,#fff 25%,#fff 75%,#e2e8f0 75%,#e2e8f0);background-size:22px 22px;background-position:0 0,11px 11px}.vectorPreviewPanLayer{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;overscroll-behavior:contain;touch-action:none}.vectorPreviewPanLayer.is-pannable{cursor:grab}.vectorPreviewPanLayer.is-pannable:active{cursor:grabbing}.vectorPreviewPanLayer img,.vectorPreviewInlineSvg,.vectorPreviewInlineSvg svg,.vectorPreviewCanvas>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;min-width:0;min-height:0;filter:drop-shadow(0 12px 20px rgba(15,23,42,.14))}.vectorPreviewInlineSvg svg{object-fit:contain}.vectorPreviewPanLayer img,.vectorPreviewInlineSvg{transform-origin:center;will-change:transform;pointer-events:none}.vectorPreviewControls{position:absolute;z-index:3;top:12px;right:12px;display:inline-flex;align-items:center;gap:8px;padding:6px;border:1px solid #dbe4ee;border-radius:999px;background:#fffffff0;box-shadow:0 8px 22px #0f172a29}.vectorPreviewControls button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:999px;background:transparent;color:#2563eb;cursor:pointer}.vectorPreviewControls button:hover,.vectorPreviewControls button:focus-visible{border-color:#bfdbfe;background:#eff6ff;outline:none}.vectorPreviewControls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vectorPreviewPaneOutput .vectorPreviewCanvas{background:radial-gradient(circle at center,rgba(14,165,166,.08),transparent 54%),linear-gradient(45deg,#e2e8f0 25%,transparent 25%,transparent 75%,#e2e8f0 75%,#e2e8f0),linear-gradient(45deg,#e2e8f0 25%,#fff 25%,#fff 75%,#e2e8f0 75%,#e2e8f0);background-size:auto,22px 22px,22px 22px;background-position:center,0 0,11px 11px}.vectorizerProcessing{width:min(280px,100%);padding:18px;border:1px dashed #94a3b8;border-radius:14px;background:#ffffffd1;color:#334155;text-align:center;font-weight:700}.vectorizerSettings{min-width:0;min-height:0;max-height:100%;overflow:auto;display:grid;align-content:start;gap:12px;padding:14px;border:1px solid #dbe4ee;border-radius:16px;background:#fff}.vectorizerSettings h3{margin:0;font-size:1rem}.vectorizerSettings p{margin:6px 0 0;color:#64748b;font-size:.9rem;line-height:1.35}.vectorizerActions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.vectorizerActions .primaryBtn,.vectorizerActions .secondaryAction{margin-top:0;min-height:44px}.cropperAutoAction{grid-column:1 / -1}.vectorizerResultActions{grid-template-columns:repeat(2,minmax(0,1fr))}.vectorizerResultActions .primaryBtn{grid-column:1 / -1}.primaryBtn:disabled{opacity:.5;cursor:not-allowed}.stageWrap{padding:8px}.stageMultiWrap{padding:8px;overflow:hidden}.stageShell{display:grid;grid-template-columns:minmax(0,1fr);gap:0;height:100%}.stageGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch;height:100%}.stageGrid-1{grid-template-columns:minmax(0,1fr)}.stageGrid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stageGrid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stageCard{border:0;border-radius:12px;background:transparent;padding:0;display:flex;flex-direction:column;min-height:0;position:relative;overflow:hidden}.stageCard header{position:absolute;top:8px;left:8px;z-index:2;padding:0;flex:0 0 auto}.stageCard h3{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#0f172a;padding:4px 8px;border-radius:999px;background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stageCard.active{box-shadow:inset 0 0 0 2px #0ea5a6}.stage{width:100%;height:100%;display:block;border-radius:12px;border:0;background:transparent;min-height:0}.stageGrid-1 .stageCard{min-height:0}.stageGrid-1 .stage,.stageGrid-2 .stage{max-height:calc(100vh - 218px)}.stageGrid-3 .stage,.stageGrid-4 .stage{max-height:calc((100vh - 236px)/2)}.stageGrid-3 .stage{max-height:calc(100vh - 218px)}.stageGrid-4{gap:6px}.stageGrid-4 .stageCard header{top:4px;left:4px}.stageGrid-4 .stageCard h3{font-size:.62rem;padding:3px 6px}.stageGrid-4 .stage{max-height:calc((100vh - 224px)/2)}.editDock{padding:10px 12px 12px;overflow:auto;display:flex;flex-direction:column;gap:9px}.editDockHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.editDockHeader>div{display:flex;align-items:baseline;gap:8px;min-width:0}.editDockHeader h2{margin:0;font-size:1.05rem;line-height:1.1}.editDockHeader small{color:#64748b;text-transform:capitalize;font-size:.86rem;white-space:nowrap}.sideButtonsDock{margin:0}.sideButtonsDock button{min-height:34px;padding:7px 8px;border-radius:10px;font-size:.86rem}.inspectorEditor{margin-bottom:0}.inspectorEmpty{margin-top:0}.collectionDockFooter{margin-top:auto;padding-top:8px}.collectionDockButton{width:100%;min-height:48px}.collectionPanel{width:min(560px,calc(100vw - 48px));max-height:calc(100vh - 64px);overflow:auto;border-radius:24px;border:1px solid #dbe4ee;background:#fff;box-shadow:0 18px 40px #0f172a2e}.collectionBody{display:grid;gap:12px;padding:18px 28px 8px}.collectionBody input[type=text],.collectionBody input:not([type]),.collectionBody select,.collectionBody textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:#0f172a;font:inherit;padding:11px 12px}.collectionImagePicker{display:grid;gap:10px;padding:12px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#64748b;text-align:center;text-transform:none;letter-spacing:0}.collectionImagePicker img{width:100%;height:150px;object-fit:cover;border-radius:10px;border:1px solid #e2e8f0}.collectionImagePicker input{font-size:.84rem}.collectionConfirmBtn{border-color:#0ea5a6;background:linear-gradient(110deg,#0ea5a6,#0891b2)}.sideRail{display:grid;gap:8px;align-content:start}.sideRailBtn{border:1px solid #dbe4ee;border-radius:16px;background:#ffffffe0;padding:10px 8px;cursor:pointer;text-align:center;display:grid;gap:2px;min-height:72px}.sideRailBtn span{font-weight:800;font-size:.95rem}.sideRailBtn small{color:#64748b;font-size:.76rem}.sideRailBtn.is-visible{border-color:#67e8f9;background:#ecfeff}.sideRailBtn.active{border-color:#0ea5a6;background:#ccfbf1}@media (max-width: 980px){body{overflow:auto}.app,.flowTracker{grid-template-columns:1fr}.designLabLayout{height:auto}.controls{overflow:visible}.controlsShell{grid-template-columns:1fr}.toolRail{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch}.stageGrid,.stageShell{grid-template-columns:1fr;height:auto}.editDock{overflow:visible}.vectorizerBody,.vectorizerStart,.vectorPreviewGrid{grid-template-columns:1fr}.vectorizerBody,.vectorizerStart{overflow:auto}.vectorPreviewPane{min-height:300px;height:420px}.sideRail{grid-template-columns:repeat(4,minmax(0,1fr))}.stage,.stageGrid-1 .stage,.stageGrid-2 .stage,.stageGrid-3 .stage,.stageGrid-4 .stage{max-height:none;height:auto}.topNav{gap:10px;flex-direction:column;align-items:flex-start}}