@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Roboto:wght@300;400;500;700&family=Open+Sans:wght@300;400;600;700&family=Lato:wght@300;400;700&family=Poppins:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap";.file-preview-image{width:100%;height:100%;object-fit:cover}.opv-svg-annotation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.opv-comment-editor:empty:before{content:attr(data-placeholder);color:#94a3b8}.ctlg-wowbook-stage{position:relative;width:100%;min-height:360px;height:min(76vh,860px);border-radius:18px;background:radial-gradient(circle at 20% 20%,#f8fbff,#e2edf8 48%,#cdddf0);overflow:hidden}.ctlg-wowbook-stage:after{content:"";position:absolute;top:7%;bottom:7%;left:50%;width:26px;transform:translate(-50%);background:linear-gradient(90deg,#0f172a00,#0f172a47,#0f172a00);filter:blur(7px);opacity:.34;pointer-events:none;z-index:4}.ctlg-wowbook-shell{position:relative;width:100%;height:100%}.ctlg-wowbook-pages{width:1400px;height:920px;margin:0 auto;display:block;position:relative}.ctlg-wowbook-stage .wowbook{margin:0 auto}.ctlg-wowbook-stage .wowbook-clipper,.ctlg-wowbook-stage .wowbook-origin{border-radius:12px}.ctlg-wowbook-stage .wowbook-origin{top:0!important}.ctlg-wowbook-stage .wowbook-book-shadow{filter:drop-shadow(0 22px 34px rgba(15,23,42,.22))}.ctlg-wowbook-stage .wowbook-gutter-shadow,.ctlg-wowbook-stage .wowbook-fold-gradient{opacity:.5}.ctlg-wowbook-stage .wowbook-thumbnails{z-index:8}.ctlg-wow-sheet{position:relative;width:100%;height:100%;box-sizing:border-box;overflow:hidden;background:var(--ctlg-sheet-bg, #fff);color:var(--ctlg-sheet-text, #0f172a);font-family:Segoe UI,Arial,sans-serif}.ctlg-wow-page-no{position:absolute;right:18px;bottom:12px;color:var(--ctlg-accent, #be123c);font-weight:800;font-size:14px}.ctlg-wow-kicker{font-size:12px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase;color:var(--ctlg-accent, #0369a1)}.ctlg-wow-cover{color:#fff}.ctlg-wow-cover-media{position:absolute;inset:0;background-size:cover;background-position:center}.ctlg-wow-cover-overlay{position:absolute;inset:0;padding:clamp(30px,4.2vw,52px) clamp(28px,4vw,48px);background:linear-gradient(145deg,#0f172a0f,#0f172a8f 74%);display:flex;flex-direction:column;justify-content:space-between;gap:18px}.ctlg-wow-cover-copy{margin-top:auto;max-width:min(74%,760px)}.ctlg-wow-cover-kicker{font-size:12px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase;opacity:.96}.ctlg-wow-cover-title{font-size:clamp(30px,4vw,54px);font-weight:900;line-height:.98;max-width:min(70%,700px);overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 8px 24px rgba(15,23,42,.18)}.ctlg-wow-cover-subtitle{font-size:clamp(14px,1.6vw,18px);line-height:1.65;max-width:min(58%,480px);opacity:.92}.ctlg-wow-cover-note{width:fit-content;max-width:70%;background:#ffffff2e;color:#fff;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ctlg-wow-cover-note.secondary{background:#ffffff1a;color:#ffffffeb}.ctlg-wowbook-stage.theme-editorial .ctlg-wow-cover-title{font-family:Georgia,Times New Roman,serif;letter-spacing:-.3px}.ctlg-wowbook-stage.theme-market .ctlg-wow-cover-note{border-radius:10px;text-transform:uppercase;letter-spacing:.6px}.ctlg-wowbook-stage.theme-boutique .ctlg-wow-category-card{border-radius:28px;box-shadow:0 12px 28px #8318432e}.ctlg-wowbook-stage.theme-contrast .ctlg-wow-product-card{border-width:2px}.ctlg-wowbook-stage.theme-night .ctlg-wow-sheet{box-shadow:inset 0 0 0 1px #94a3b829}.ctlg-wow-index{padding:44px 40px 56px;background:linear-gradient(180deg,#fff,#f2f8ff)}.ctlg-wow-index-title{margin-top:4px;font-size:34px;font-weight:900}.ctlg-wow-index-list{margin-top:18px}.ctlg-wow-index-row{padding-bottom:6px;border-bottom:1px dashed rgba(15,23,42,.16)}.ctlg-wow-brand{display:grid;grid-template-columns:1fr 1fr}.ctlg-wow-brand-media{background-size:cover;background-position:center}.ctlg-wow-brand-copy{padding:36px 34px;display:flex;flex-direction:column;gap:10px}.ctlg-wow-brand-logo{width:94px;height:94px;object-fit:contain}.ctlg-wow-brand-title{font-size:34px;font-weight:900}.ctlg-wow-brand-text{font-size:15px;line-height:1.68;color:var(--ctlg-muted, #334155)}.ctlg-wow-category{background-size:cover;background-position:center;padding:42px 36px}.ctlg-wow-category-card{max-width:420px;padding:20px 22px;border-radius:18px;background:#ffffffed}.ctlg-wow-category-title{margin-top:6px;font-size:34px;font-weight:900;color:var(--ctlg-accent, #991b1b)}.ctlg-wow-category-text{margin-top:10px;font-size:14px;line-height:1.7;color:var(--ctlg-muted, #334155)}.ctlg-wow-products{padding:22px 20px 44px}.ctlg-wow-products-head{margin-bottom:12px}.ctlg-wow-products-title{margin-top:2px;font-size:26px;font-weight:900;color:var(--ctlg-sheet-text, #0f172a)}.ctlg-wow-product-card{height:100%;padding:10px 11px;border-radius:12px}.ctlg-wow-product-name{font-size:15px;font-weight:800;line-height:1.3}.ctlg-wow-product-sku{margin-top:2px;font-size:11px;color:var(--ctlg-muted, #64748b)}.ctlg-wow-mini-logo{width:38px;height:38px;object-fit:contain}.ctlg-wow-product-row{padding:2px 0;border-bottom:1px dashed rgba(15,23,42,.1)}@media(max-width:1200px){.ctlg-wowbook-pages{width:1260px;height:860px}}@media(max-width:900px){.ctlg-wowbook-stage{height:min(70vh,640px)}}*{-webkit-tap-highlight-color:transparent}.ocean-theme-dark{--bg-primary: #212121;--bg-secondary: #2f2f2f;--bg-input: #2f2f2f;--text-primary: #ffffff;--text-secondary: #b4b4b4;--border: #4d4d4d;--sidebar: #171717}.ocean-theme-white{--bg-primary: #ffffff;--bg-secondary: #f7f7f8;--bg-input: #ffffff;--text-primary: #343541;--text-secondary: #6e6e80;--border: #e5e5e5;--sidebar: #ffffff}.ocean-theme-blue{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-input: #0b1120;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #1e293b;--sidebar: #020617}.ocean-glass{background:var(--bg-secondary);border:1px solid var(--border)}.ocean-glass-strong{background:var(--sidebar);border-right:1px solid var(--border)}.ocean-input-glow:focus-within{box-shadow:0 0 0 2px #3b82f6;border-color:#3b82f6}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.gemini-thinking{width:28px;height:28px;position:relative;animation:rotate 3s linear infinite}.gemini-thinking:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent,#3b82f6,#8b5cf6,#ec4899,transparent);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#fff calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#fff calc(100% - 3px))}.gemini-star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:pulseOpacity 2s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseOpacity{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(.85)}}.ocean-voice-select{width:100%;background:transparent;color:#e2e8f0;border:none;outline:none;font-size:13px;cursor:pointer}.ocean-theme-color-input{width:44px;height:32px;border:none;background:transparent;cursor:pointer}:root{--font-sans: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--bg-darkest: #050811;--bg-darker: #0a0f1d;--bg-dark: #121829;--bg-card: rgba(18, 24, 41, .7);--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .35);--secondary: #3b82f6;--secondary-hover: #2563eb;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(255, 255, 255, .08);--border-active: rgba(99, 102, 241, .5);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darkest);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;height:100vh}#root{height:100%}.app-container{display:flex;flex-direction:column;height:100vh;background-image:radial-gradient(circle at 50% 0%,rgba(99,102,241,.15) 0%,transparent 60%),radial-gradient(circle at 10% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(59,130,246,.08) 0%,transparent 50%)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0a0f1dcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10}.brand{display:flex;align-items:center;gap:.75rem}.brand-logo{font-size:1.5rem;animation:float 3s ease-in-out infinite}.brand h1{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#ffffff 0%,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand h1 span{background:linear-gradient(135deg,#a5b4fc,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.version-badge{font-size:.75rem;background:#6366f126;color:#a5b4fc;padding:.2rem .6rem;border-radius:99px;border:1px solid rgba(99,102,241,.3);font-family:var(--font-display);font-weight:600}.header-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}.header-links a:hover{color:var(--text-primary)}.app-workspace{display:grid;grid-template-columns:340px 1fr 1fr;flex:1;overflow:hidden;height:calc(100vh - 65px)}.app-panel{display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-panel:last-child{border-right:none}.dieline-controls{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.controls-section{display:flex;flex-direction:column;gap:1rem}.section-title{font-family:var(--font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-left:3px solid var(--primary);padding-left:.5rem}.control-group{display:flex;flex-direction:column;gap:.4rem}.control-group label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-select,.form-input{background:#05081199;border:1px solid var(--border);color:var(--text-primary);padding:.6rem .8rem;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.85rem;outline:none;transition:all .2s}.form-select:focus,.form-input:focus{border-color:var(--border-active);box-shadow:0 0 8px var(--primary-glow)}.form-select{cursor:pointer}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:var(--radius-md);padding:1.5rem;cursor:pointer;background:#05081166;transition:all .2s;text-align:center}.file-upload-label:hover{border-color:var(--primary);background:#6366f10a}.upload-icon{font-size:1.5rem;margin-bottom:.5rem}.upload-text{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.file-input{display:none}.controls-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.btn{padding:.75rem 1rem;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:600;font-size:.85rem;cursor:pointer;border:none;transition:all .2s;text-align:center}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1a}.dieline-canvas-container,.mockup-viewer-container{display:flex;flex-direction:column;height:100%;position:relative}.canvas-header,.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:#0a0f1d4d}.panel-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:.02em}.legend{display:flex;gap:.75rem}.legend-item{display:flex;align-items:center;gap:.3rem}.legend-line{display:inline-block;width:12px;height:3px;border-radius:1px}.legend-line.cut{background-color:#ef4444}.legend-line.fold{background-color:#3b82f6;border-top:1px dashed #3b82f6;height:1px}.legend-line.bleed{background-color:#10b981;border-top:1px dotted #10b981;height:1px}.legend-line.safe{background-color:#f59e0b;border-top:1px dotted #f59e0b;height:1px}.legend-label{font-size:.7rem;color:var(--text-muted)}.canvas-viewport,.three-viewport{flex:1;position:relative;overflow:hidden;background-color:#080c16}.dieline-svg{width:100%;height:100%;padding:1.5rem}.three-viewport canvas{display:block;width:100%!important;height:100%!important}.viewer-actions{display:flex;align-items:center}.btn-icon{background:#ffffff0d;border:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.4rem .8rem;border-radius:20px;cursor:pointer;transition:all .2s}.btn-icon:hover,.btn-icon.active{background:var(--primary);color:#fff;border-color:var(--primary)}.viewer-controls{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);width:80%;max-width:320px;background:#121829d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);padding:1rem;border-radius:var(--radius-md);box-shadow:0 10px 25px #00000080;z-index:5}.slider-group{display:flex;flex-direction:column;gap:.5rem}.slider-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary);font-weight:500}.slider-labels .current-value{color:#a5b4fc;font-weight:600}.fold-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff1a;outline:none}.fold-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 10px var(--primary-glow);transition:transform .1s}.fold-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.summary-section{background:#6366f108;border:1px solid rgba(99,102,241,.1);padding:1rem;border-radius:var(--radius-md);margin-top:.5rem}.summary-grid{display:flex;flex-direction:column;gap:.5rem;font-size:.8rem}.summary-item{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.05);padding-bottom:.3rem}.summary-item:last-child{border-bottom:none;padding-bottom:0}.summary-label{color:var(--text-secondary)}.summary-value{color:#a5b4fc;font-weight:600;font-family:var(--font-display)}.warnings-section{background:#ef44440a;border:1px solid rgba(239,68,68,.15);padding:1rem;border-radius:var(--radius-md)}.warning-title{color:#f87171!important;border-left-color:#ef4444!important}.warnings-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.warning-item{font-size:.75rem;color:#fca5a5;line-height:1.3;position:relative;padding-left:.75rem}.warning-item:before{content:"•";color:#ef4444;position:absolute;left:0;top:0}.project-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.btn-save{background:#10b9811a!important;color:#34d399!important;border:1px solid rgba(16,185,129,.2)!important;padding:.5rem .2rem!important;font-size:.75rem!important}.btn-save:hover{background:#10b98133!important}.btn-load{background:#3b82f61a!important;color:#60a5fa!important;border:1px solid rgba(59,130,246,.2)!important;padding:.5rem .2rem!important;font-size:.75rem!important}.btn-load:hover{background:#3b82f633!important}.btn-reset{background:#ef444414!important;color:#fca5a5!important;border:1px solid rgba(239,68,68,.15)!important;padding:.5rem .2rem!important;font-size:.75rem!important}.btn-reset:hover{background:#ef44442e!important}.artwork-controls-section{border-top:1px solid var(--border);padding-top:1rem}.help-text{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.help-text.muted{color:var(--text-muted);font-style:italic;margin-top:.5rem}.info-box{background:#3b82f60f;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.8rem;color:#93c5fd;text-align:center}.selected-panel-badge{display:flex;align-items:center;gap:.5rem;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-sm);padding:.5rem .75rem}.badge-label{font-size:.75rem;color:var(--text-muted)}.badge-value{font-size:.85rem;font-weight:600;color:#a5b4fc;font-family:var(--font-display)}.artwork-upload{border-color:#6366f140;padding:1rem}.artwork-active-info{display:flex;flex-direction:column;gap:.75rem}.artwork-file-row{display:flex;align-items:center;justify-content:space-between;background:#10b9810f;border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-sm);padding:.5rem .75rem}.artwork-filename{font-size:.8rem;color:#6ee7b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.btn-remove-artwork{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fca5a5;font-size:.8rem;width:26px;height:26px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-artwork:hover{background:#ef444440}.art-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff1a;outline:none}.art-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 8px var(--primary-glow)}.art-slider-value{font-size:.7rem;color:#a5b4fc;font-weight:600;font-family:var(--font-display);min-width:40px;text-align:right}.control-group:has(.art-slider){display:flex;flex-direction:column;gap:.3rem}.btn-danger-outline{background:#ef44440f;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:.6rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.btn-danger-outline:hover{background:#ef444426}.panel-rect-interactive{transition:fill .15s,stroke .15s}.panel-rect-interactive:hover{fill:#6366f114!important;stroke:#6366f166!important}.selected-panel-indicator{font-size:.8rem;color:#a5b4fc;font-weight:400}.prepress-section,.preflight-section{border-top:1px solid var(--border);padding-top:1rem}.layer-list{display:flex;flex-direction:column;gap:.25rem}.layer-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;background:#ffffff08;border-radius:var(--radius-sm)}.layer-item:hover{background:#ffffff0d}.layer-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8rem}.layer-name{color:var(--text-primary)}.layer-flags{display:flex;gap:.3rem;font-size:.75rem}.layer-flags .flag{cursor:help;opacity:.7}.layer-flags .flag:hover{opacity:1}.preflight-list{display:flex;flex-direction:column;gap:1rem}.preflight-group{display:flex;flex-direction:column;gap:.4rem}.preflight-group-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.2rem;border-bottom:1px solid rgba(255,255,255,.1)}.preflight-group-title.critical{color:#fca5a5;border-color:#ef444433}.preflight-group-title.warning{color:#fde047;border-color:#eab30833}.preflight-group-title.info{color:#93c5fd;border-color:#3b82f633}.preflight-item{font-size:.75rem;padding:.5rem;border-radius:var(--radius-sm);background:#ffffff05;border-left:3px solid transparent}.preflight-item.critical{border-left-color:#ef4444;background:#ef44440d}.preflight-item.warning{border-left-color:#eab308;background:#eab3080d}.preflight-item.info{border-left-color:#3b82f6;background:#3b82f60d}.header-nav{display:flex;gap:1rem;margin-left:2rem;flex:1}.nav-link{background:none;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .2s;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#ffffff0d}.main-content{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden}.hero-section{text-align:center;padding:5rem 2rem;background:linear-gradient(180deg,rgba(99,102,241,.05) 0%,transparent 100%);border-bottom:1px solid var(--border)}.hero-title{font-size:3.5rem;margin-bottom:1rem}.hero-title span{color:var(--primary)}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2.5rem}.search-bar-container{display:flex;max-width:600px;margin:0 auto 2rem;gap:.5rem}.hero-search-input{flex:1;padding:1rem 1.5rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;color:var(--text-primary);font-size:1rem}.hero-actions{display:flex;gap:1rem;justify-content:center}.features-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2rem;margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem;text-align:center;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.feature-card h3{font-size:1.2rem;margin-bottom:1rem;color:var(--primary-glow)}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.catalog-view,.projects-view{padding:2rem;max-width:1400px;margin:0 auto;width:100%}.catalog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.catalog-filters{display:flex;gap:1rem}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.catalog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.catalog-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d;border-color:#6366f180}.card-image-placeholder{height:180px;background:#0003;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;border-bottom:1px solid var(--border)}.dieline-placeholder{background:repeating-linear-gradient(45deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 10px,transparent 10px,transparent 20px)}.card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.card-title{font-size:1.1rem;margin-bottom:.5rem}.card-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;flex:1}.card-tags,.card-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background:#ffffff0d;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary)}.meta-item{font-size:.8rem;color:var(--text-secondary)}.meta-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:var(--radius-sm);font-weight:600}.diff-easy{background:#10b9811a;color:#10b981}.diff-medium{background:#f59e0b1a;color:#f59e0b}.diff-hard{background:#ef44441a;color:#ef4444}.card-actions{display:flex;gap:.5rem}.detail-view{padding:2rem;max-width:1400px;margin:0 auto;width:100%}.btn-back{margin-bottom:2rem}.detail-layout{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.detail-preview-area{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.detail-placeholder{color:var(--text-muted);font-size:1.2rem}.detail-sidebar{display:flex;flex-direction:column;gap:2rem}.detail-title{font-size:2rem;margin-bottom:.5rem}.detail-desc{color:var(--text-secondary);line-height:1.6}.detail-section h3{font-size:1.1rem;margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.output-tags{display:flex;gap:.5rem}.tag.disabled{opacity:.5;text-decoration:line-through}.parameter-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.parameter-list li{display:flex;justify-content:space-between;font-size:.9rem;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:.25rem}.parameter-list li strong{color:var(--text-secondary);font-weight:400}.btn-large{width:100%;padding:1rem;font-size:1.1rem}.project-list{display:flex;flex-direction:column;gap:1rem}.project-list-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.project-info h3{font-size:1.2rem;margin-bottom:.5rem}.project-meta{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.project-meta .dot{color:var(--border)}.status{padding:.1rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.status.draft{background:#ffffff1a;color:#fff}.status.approved{background:#10b9811a;color:#10b981}.project-actions{display:flex;gap:.5rem}.empty-state{text-align:center;padding:5rem 0;color:var(--text-secondary)}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.empty-state p{margin-bottom:1.5rem}.prototype-editor-container{display:flex;flex-direction:column;height:100%}.prototype-badge{background:#f59e0b1a;color:#f59e0b;text-align:center;padding:.5rem;font-size:.85rem;font-weight:600;border-bottom:1px solid rgba(245,158,11,.2)}.editor-layout{height:calc(100vh - 105px);grid-template-columns:320px 1fr 380px}.dieline-main-panel{display:flex;justify-content:center;align-items:center;padding:2rem}.right-tools-panel{display:flex;flex-direction:column}.collapsible-section{border-top:1px solid var(--border);background:#0a0f1d80}.collapsible-section summary{padding:1rem 1.5rem;cursor:pointer;font-weight:600;font-size:.95rem;color:var(--text-primary);-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background .2s}.collapsible-section summary::-webkit-details-marker{display:none}.collapsible-section summary:after{content:"▼";font-size:.8rem;color:var(--text-muted);transition:transform .2s}.collapsible-section[open] summary:after{transform:rotate(180deg)}.collapsible-section summary:hover{background:#ffffff08}.collapsible-section>div{padding:0 1.5rem 1.5rem;border-top:none}.app-root{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-base)}.app-main{flex:1;overflow-y:auto}.editor-main{overflow:hidden;height:calc(100vh - 56px)}.top-nav{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.08)}.nav-light{background:#fff}.nav-dark{background:var(--bg-card);border-bottom:1px solid var(--border)}.top-nav-inner{display:flex;align-items:center;height:56px;padding:0 1.5rem;gap:1rem;max-width:1600px;margin:0 auto}.nav-brand{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;text-decoration:none;flex-shrink:0}.nav-brand-logo{font-size:1.4rem}.nav-brand-name{font-size:1rem;font-weight:700;color:#1e293b;white-space:nowrap}.nav-dark .nav-brand-name{color:#f8fafc}.nav-links{display:flex;align-items:center;gap:.25rem;flex:1;flex-wrap:nowrap;overflow-x:auto}.nav-item{background:none;border:none;cursor:pointer;padding:.4rem .75rem;font-size:.875rem;font-weight:500;color:#475569;border-radius:6px;white-space:nowrap;transition:background .15s,color .15s}.nav-item:hover{background:#f1f5f9;color:#0f172a}.nav-active{color:#6366f1!important;background:#eef2ff!important}.nav-muted{color:#94a3b8}.nav-divider{width:1px;height:20px;background:#e2e8f0;margin:0 .25rem;flex-shrink:0}.nav-dark .nav-item{color:#94a3b8}.nav-dark .nav-item:hover{background:#ffffff0f;color:#f1f5f9}.nav-right{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.nav-lang{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:.3rem .6rem;font-size:.8rem;cursor:pointer;color:#475569}.nav-workspace{background:#6366f1;color:#fff;border:none;border-radius:6px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.nav-workspace:hover{background:#4f46e5}.nav-hamburger{display:none;background:none;border:none;font-size:1.3rem;cursor:pointer;color:#475569}.mobile-menu{display:flex;flex-direction:column;background:#fff;border-top:1px solid #e2e8f0;padding:.5rem 1rem}.mobile-menu-item{background:none;border:none;padding:.75rem .5rem;font-size:.95rem;color:#374151;text-align:left;cursor:pointer;border-bottom:1px solid #f1f5f9}.mobile-menu-item.highlight{color:#6366f1;font-weight:700}@media(max-width:900px){.nav-links{display:none}.nav-hamburger{display:block}}.hero{background:linear-gradient(135deg,#eef2ff,#f0fdf4 60%,#fff);padding:5rem 2rem 4rem;text-align:center}.hero-headline{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;color:#0f172a;max-width:800px;margin:0 auto 1rem;line-height:1.25}.hero-headline span{color:#6366f1}.hero-sub{color:#64748b;font-size:1.1rem;max-width:600px;margin:0 auto 2rem}.hero-search{display:flex;max-width:560px;margin:0 auto 2.5rem;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 16px #6366f114}.hero-search input{flex:1;border:none;outline:none;padding:.9rem 1.2rem;font-size:1rem;color:#0f172a}.btn-hero-search{background:#6366f1;color:#fff;border:none;padding:.9rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer}.btn-hero-search:hover{background:#4f46e5}.hero-tiles{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-tile{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 2rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:box-shadow .2s,transform .2s;font-size:.95rem;font-weight:600;color:#374151;min-width:170px}.hero-tile:hover{box-shadow:0 8px 28px #6366f126;transform:translateY(-3px);border-color:#6366f1}.home-section{padding:4rem 2rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.home-view .alt-bg{background:#6366f108;max-width:100%;padding:4rem calc((100% - 1400px)/2 + 2rem)}.section-heading{font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:1.5rem}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.link-btn{background:none;border:none;color:#6366f1;font-weight:600;cursor:pointer;font-size:.9rem}.link-btn:hover{text-decoration:underline}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.category-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.category-card:hover{border-color:var(--cat-color,#6366f1);box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.category-card-icon{font-size:1.8rem}.category-card-title{font-size:.85rem;font-weight:600;color:#374151}.category-card-count{font-size:.75rem;color:#94a3b8}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.tool-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:1.75rem;transition:box-shadow .2s,transform .2s}.tool-card:hover{box-shadow:0 6px 24px #6366f11f;transform:translateY(-3px)}.tool-icon{font-size:2rem;display:block;margin-bottom:.75rem}.tool-card h3{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.tool-card p{font-size:.85rem;color:#64748b;line-height:1.5}.steps-row{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.step-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px;max-width:160px;text-align:center}.step-number{width:48px;height:48px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.step-label{font-size:.875rem;color:#374151;font-weight:500}.faq-section{max-width:800px;margin:0 auto}.faq-section .section-heading{text-align:center;color:#0f172a}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.faq-question{width:100%;background:none;border:none;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;color:#1e293b;cursor:pointer;text-align:left}.faq-chevron{color:#6366f1;font-size:.8rem}.faq-answer{padding:.75rem 1.25rem 1rem;font-size:.9rem;color:#475569;line-height:1.6;border-top:1px solid #f1f5f9}.platform-footer{background:#0f172a;color:#94a3b8;padding:4rem 2rem 2rem;margin-top:0}.footer-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:4rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{font-size:2rem}.footer-tagline{font-size:.85rem;color:#64748b;line-height:1.6}.footer-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem}.footer-col h4{color:#f1f5f9;font-size:.9rem;font-weight:700;margin-bottom:.75rem}.footer-col ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.footer-col li{font-size:.85rem;color:#64748b;cursor:default}.footer-bottom{max-width:1300px;margin:0 auto;padding-top:1.5rem;border-top:1px solid #1e293b;font-size:.8rem;color:#475569}.catalog-page{padding:2rem;max-width:1400px;margin:0 auto}.catalog-page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.catalog-page-header h1{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:.25rem}.catalog-count{font-size:.9rem;color:#94a3b8}.catalog-search-bar{flex:1;max-width:420px}.catalog-search-input{width:100%;padding:.7rem 1rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;background:#fff;color:#0f172a;box-sizing:border-box}.catalog-search-input:focus{border-color:#6366f1}.catalog-filter-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.filter-chip{background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:20px;padding:.35rem .9rem;font-size:.8rem;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.filter-chip:hover{border-color:#6366f1;color:#6366f1}.filter-chip.active{background:#6366f1;color:#fff;border-color:#6366f1}.rich-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.rich-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.rich-card:hover{box-shadow:0 8px 28px #0000001a;transform:translateY(-3px);border-color:#c7d2fe}.rich-card-preview{height:190px;display:flex;align-items:center;justify-content:center;position:relative;background:#f8fafc}.format-badge{position:absolute;top:.75rem;right:.75rem;background:#0f172a;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:4px}.rich-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.cat-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6366f1}.rich-card-body h3{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.rich-card-body p{font-size:.83rem;color:#64748b;line-height:1.5;flex:1;margin:0}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem}.tag{background:#f1f5f9;color:#64748b;font-size:.72rem;padding:.15rem .5rem;border-radius:4px}.card-cta-row{display:flex;gap:.6rem;margin-top:.25rem}.btn-outline-sm{flex:1;background:none;border:1.5px solid #e2e8f0;color:#475569;border-radius:8px;padding:.45rem .5rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-outline-sm:hover{border-color:#6366f1;color:#6366f1}.btn-primary-sm{flex:1;background:#6366f1;color:#fff;border:none;border-radius:8px;padding:.45rem .5rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary-sm:hover{background:#4f46e5}.dieline-preview-bg{background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 10px,#fff 10px 20px)}.dieline-badges{position:absolute;top:.75rem;left:.75rem;display:flex;flex-direction:column;gap:.3rem}.dl-badge{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:4px}.dl-badge.printable{background:#dcfce7;color:#15803d}.dl-badge.downloadable{background:#dbeafe;color:#1d4ed8}.card-meta-row{display:flex;justify-content:space-between;align-items:center}.diff-chip{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}.diff-easy{background:#dcfce7;color:#15803d}.diff-medium{background:#fef9c3;color:#854d0e}.diff-hard{background:#fee2e2;color:#b91c1c}.fefco-row{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.fefco-label{color:#94a3b8}.fefco-code{font-weight:700;color:#1e293b;font-family:monospace}.design-cat-grid{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.design-cat-chip{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;padding:.4rem .9rem;font-size:.8rem;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.design-cat-chip:hover{border-color:#6366f1;color:#6366f1}.design-cat-chip.active{background:#6366f1;color:#fff;border-color:#6366f1}.chip-count{font-size:.72rem;opacity:.7}.design-preview{display:flex;align-items:center;justify-content:center}.design-preview-shape{width:80px;height:110px;border:2px dashed;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem}.design-preview-line{width:80%;height:8px;border-radius:4px;opacity:.6}.design-preview-line.short{width:50%}.design-preview-block{width:80%;height:32px;border-radius:4px}.tools-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.tool-page-card{display:flex;gap:1.25rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:1.75rem;transition:box-shadow .2s}.tool-page-card:hover{box-shadow:0 6px 24px #00000014}.tool-page-card.coming-soon{opacity:.65}.tool-page-icon{font-size:2rem;flex-shrink:0}.tool-page-body{flex:1}.tool-page-header-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.tool-page-body h3{font-size:1rem;font-weight:700;color:#1e293b}.tool-page-body p{font-size:.85rem;color:#64748b;line-height:1.5;margin-bottom:1rem}.soon-badge{background:#fef9c3;color:#854d0e;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}.btn-disabled-sm{background:#f1f5f9;color:#94a3b8;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.8rem;cursor:not-allowed}.detail-page{padding:2rem;max-width:1300px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.35rem;margin-bottom:2rem;font-size:.85rem}.bc-link{background:none;border:none;color:#6366f1;cursor:pointer;padding:0;font-size:.85rem}.bc-sep{color:#cbd5e1}.bc-current{color:#94a3b8}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.detail-preview-col{display:flex;flex-direction:column;gap:1.5rem}.detail-preview-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;min-height:320px;display:flex;align-items:center;justify-content:center}.preview-placeholder{color:#94a3b8}.output-section h4{font-size:.9rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.output-chips{display:flex;gap:.5rem;flex-wrap:wrap}.output-chip{background:#eef2ff;color:#6366f1;font-size:.78rem;font-weight:700;padding:.25rem .65rem;border-radius:6px}.output-chip.disabled{background:#f1f5f9;color:#94a3b8;text-decoration:line-through}.detail-info-col{display:flex;flex-direction:column;gap:1.5rem}.detail-title{font-size:2rem;font-weight:800;color:#0f172a;margin:.25rem 0}.detail-desc{font-size:1rem;color:#475569;line-height:1.6}.params-section h4{font-size:.9rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.params-table{width:100%;border-collapse:collapse;font-size:.9rem}.params-table td{padding:.5rem .75rem;border-bottom:1px solid #f1f5f9;color:#475569}.params-table td:first-child{font-weight:600;color:#1e293b;width:40%}.detail-cta-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.btn-detail-primary{background:#6366f1;color:#fff;border:none;border-radius:10px;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-detail-primary:hover{background:#4f46e5}.btn-detail-secondary{background:#fff;color:#6366f1;border:1.5px solid #6366f1;border-radius:10px;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-detail-secondary:hover{background:#eef2ff}.related-section h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.related-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .15s}.related-card:hover{border-color:#6366f1;box-shadow:0 4px 14px #6366f11a}.related-preview{height:80px;display:flex;align-items:center;justify-content:center}.related-title{font-size:.78rem;font-weight:600;color:#374151;text-align:center}.prototype-editor-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.prototype-badge{background:#f59e0b1f;color:#d97706;text-align:center;padding:.4rem;font-size:.82rem;font-weight:700;border-bottom:1px solid rgba(245,158,11,.2)}.editor-layout{grid-template-columns:300px 1fr 360px;height:calc(100% - 36px)}@media(max-width:1024px){.detail-layout{grid-template-columns:1fr}.footer-columns{grid-template-columns:repeat(3,1fr)}.footer-inner{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){.hero{padding:3rem 1rem}.hero-headline{font-size:1.6rem}.hero-tiles{flex-direction:column;align-items:center}.catalog-page-header{flex-direction:column;align-items:flex-start}.catalog-search-bar{max-width:100%;width:100%}.rich-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tools-page-grid{grid-template-columns:1fr}.footer-columns{grid-template-columns:repeat(2,1fr)}.home-section,.home-view .alt-bg{padding:2.5rem 1rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.ocean-dieline-page{min-height:100%;background:#f8fafc;color:#0f172a}.ocean-dieline-page .eyebrow{display:inline-flex;align-items:center;gap:.35rem;color:#635bff;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dieline-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:2rem;padding:clamp(2.25rem,4vw,4.5rem) clamp(1.25rem,4vw,4rem);background:radial-gradient(circle at 10% 10%,rgba(99,102,241,.14),transparent 30%),radial-gradient(circle at 90% 0%,rgba(16,185,129,.11),transparent 32%),linear-gradient(135deg,#fff,#eef2ff 62%,#f7fee7);border-bottom:1px solid #e2e8f0}.dieline-hero-copy{align-self:center;max-width:760px}.dieline-hero h1{margin:.7rem 0 1rem;color:#0f172a;font-family:var(--font-display, "Outfit", sans-serif);font-size:clamp(2rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.05em}.dieline-hero p{color:#475569;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.72;max-width:700px}.dieline-hero-panel{position:relative;overflow:hidden;min-height:320px;border:1px solid rgba(15,23,42,.12);border-radius:28px;background:linear-gradient(135deg,#ffffffeb,#ffffffad),repeating-linear-gradient(0deg,transparent 0 31px,rgba(99,102,241,.08) 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(99,102,241,.08) 32px);box-shadow:0 28px 80px #0f172a1f}.hero-preview-stack{position:absolute;inset:28px 28px 96px;display:grid;grid-template-columns:1fr .78fr;align-items:center;justify-items:center;gap:1.25rem}.hero-preview-stack svg:first-child{transform:rotate(-2deg);filter:drop-shadow(0 18px 20px rgba(99,102,241,.18))}.hero-preview-stack svg:last-child{transform:rotate(5deg);filter:drop-shadow(0 22px 24px rgba(15,23,42,.18))}.hero-stats{position:absolute;left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.hero-stats div{padding:.9rem;border-radius:18px;background:#fffc;border:1px solid rgba(148,163,184,.24)}.hero-stats strong{display:block;color:#111827;font-size:.95rem;line-height:1.1}.hero-stats span{display:block;margin-top:.25rem;color:#64748b;font-size:.72rem;line-height:1.25}.dieline-search-shell{max-width:1420px;margin:-1.8rem auto 0;padding:0 clamp(1rem,3vw,2.25rem);position:relative;z-index:2}.dieline-search-main{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #dbe4f0;border-radius:18px;box-shadow:0 16px 44px #0f172a1a;overflow:hidden}.dieline-search-main .search-icon{display:grid;place-items:center;width:58px;height:58px;color:#635bff;font-size:1.65rem;font-weight:700}.dieline-search-input{width:100%;min-height:58px;border:none;outline:none;color:#0f172a;background:transparent;font-size:1.05rem;font-weight:600}.dieline-search-input::placeholder{color:#94a3b8}.dieline-select-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:.9rem;margin-top:.9rem}.dieline-select-grid label{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .85rem;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.dieline-select-grid label span{color:#64748b;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.dieline-select-grid select{border:none;outline:none;background:transparent;color:#0f172a;font-weight:700}.category-strip{max-width:1420px;margin:1.25rem auto 0;padding:0 clamp(1rem,3vw,2.25rem);display:flex;gap:.7rem;overflow-x:auto;scrollbar-width:thin}.category-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:.55rem;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#334155;padding:.58rem .78rem .58rem .9rem;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.category-pill small{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 .35rem;border-radius:999px;background:#f1f5f9;color:#64748b}.category-pill:hover,.category-pill.active{transform:translateY(-1px);border-color:#c7d2fe;background:#eef2ff;box-shadow:0 12px 26px #6366f11f}.featured-template-band,.dieline-results-section,.dieline-howto-section{max-width:1420px;margin:2.25rem auto 0;padding:0 clamp(1rem,3vw,2.25rem)}.section-heading-row,.results-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.section-heading-row h2,.results-heading h2{margin:.25rem 0 0;color:#0f172a;font-family:var(--font-display, "Outfit", sans-serif);font-size:clamp(1.45rem,2.6vw,2.25rem);letter-spacing:-.03em}.results-heading p{color:#64748b;margin-top:.25rem;font-weight:700}.text-button{border:none;background:none;color:#635bff;font-weight:800;cursor:pointer}.featured-mini-grid{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:.9rem}.featured-mini-card{display:flex;min-height:145px;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:.9rem;border:1px solid #e2e8f0;border-radius:18px;background:#fff;color:#0f172a;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.featured-mini-card:hover{transform:translateY(-3px);border-color:#c7d2fe;box-shadow:0 16px 32px #0f172a1a}.featured-mini-card span{min-height:2.2em;color:#334155;text-align:center;font-size:.78rem;font-weight:800;line-height:1.25}.results-legend{display:flex;flex-wrap:wrap;gap:.8rem;color:#64748b;font-size:.78rem;font-weight:800}.legend-dot{display:inline-block;width:9px;height:9px;margin-right:.28rem;border-radius:999px}.legend-dot.red{background:#ef4444}.legend-dot.blue{background:#3b82f6}.legend-dot.green{background:#10b981}.dieline-template-grid{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:1.15rem}.dieline-template-card{overflow:hidden;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 2px #0f172a05;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dieline-template-card:hover{transform:translateY(-4px);border-color:#c7d2fe;box-shadow:0 20px 46px #0f172a1c}.template-preview-area{position:relative;min-height:186px;background:linear-gradient(135deg,#f8fafce6,#f1f5f9e6),radial-gradient(circle at 20% 20%,rgba(99,102,241,.12),transparent 34%);border-bottom:1px solid #eef2f7}.template-badges{position:absolute;top:.75rem;left:.75rem;z-index:2;display:flex;gap:.38rem;flex-wrap:wrap}.template-badges span{padding:.22rem .42rem;border-radius:999px;background:#ffffffe0;color:#64748b;border:1px solid rgba(203,213,225,.9);font-size:.64rem;font-weight:800}.template-preview-split{display:grid;grid-template-columns:1.05fr .85fr;align-items:center;min-height:186px;padding:2.3rem .9rem 1rem}.template-dieline-side,.template-mockup-side{display:grid;place-items:center;min-width:0}.template-dieline-side svg{max-width:100%;height:auto}.template-mockup-side svg{max-width:90%;height:auto;filter:drop-shadow(0 14px 16px rgba(15,23,42,.16))}.template-card-body{padding:1rem}.template-meta-row{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.62rem}.template-category,.template-difficulty{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .48rem;font-size:.68rem;font-weight:900;line-height:1}.template-category{color:#475569;background:#f1f5f9}.template-difficulty{color:#0f172a;background:#e2e8f0}.template-difficulty.difficulty-easy{color:#047857;background:#d1fae5}.template-difficulty.difficulty-medium{color:#92400e;background:#fef3c7}.template-difficulty.difficulty-hard{color:#b91c1c;background:#fee2e2}.template-card-body h3{min-height:2.5em;margin:0 0 .42rem;color:#111827;font-family:var(--font-display, "Outfit", sans-serif);font-size:1rem;line-height:1.25;letter-spacing:-.015em}.template-card-body p{min-height:3.9em;margin:0 0 .75rem;color:#64748b;font-size:.82rem;line-height:1.55}.template-spec-row,.template-format-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.72rem}.template-spec-row span{display:inline-flex;gap:.28rem;color:#334155;background:#f8fafc;border:1px solid #edf2f7;border-radius:10px;padding:.34rem .44rem;font-size:.7rem}.template-spec-row strong{color:#94a3b8;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.template-format-row span{padding:.2rem .38rem;border-radius:6px;color:#4338ca;background:#eef2ff;font-size:.66rem;font-weight:900}.template-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.btn-outline-sm,.btn-primary-sm{min-height:36px;border-radius:10px;padding:.46rem .62rem;font-weight:900;font-size:.78rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn-outline-sm{color:#111827;background:#fff;border:1px solid #cbd5e1}.btn-outline-sm:hover{transform:translateY(-1px);border-color:#818cf8;box-shadow:0 10px 18px #0f172a14}.btn-primary-sm{color:#fff;background:#111827;border:1px solid #111827}.btn-primary-sm:hover{transform:translateY(-1px);background:#4f46e5;border-color:#4f46e5;box-shadow:0 12px 22px #4f46e538}.empty-results-card{display:grid;place-items:center;gap:.65rem;min-height:260px;padding:2rem;border:1px dashed #cbd5e1;border-radius:24px;background:#fff;text-align:center}.empty-results-card h3{margin:0;color:#0f172a;font-size:1.3rem}.empty-results-card p{color:#64748b}.dieline-howto-section{margin-bottom:3rem}.howto-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.howto-step-card{padding:1.2rem;border:1px solid #e2e8f0;border-radius:22px;background:#fff}.howto-step-card span{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:.8rem;border-radius:999px;color:#fff;background:#635bff;font-weight:900}.howto-step-card h3{margin:0 0 .45rem;color:#111827;font-size:1rem}.howto-step-card p{margin:0;color:#64748b;font-size:.86rem;line-height:1.55}.generated-dieline-svg.with-shadow{filter:drop-shadow(0 12px 18px rgba(15,23,42,.1))}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1200px){.dieline-template-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.featured-mini-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}}@media(max-width:900px){.dieline-hero{grid-template-columns:1fr}.dieline-hero-panel{min-height:280px}.dieline-select-grid{grid-template-columns:repeat(2,1fr)}.dieline-template-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}.howto-steps-grid{grid-template-columns:repeat(2,1fr)}.section-heading-row,.results-heading{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.dieline-hero{padding:2.5rem 1rem 3rem}.dieline-hero h1{font-size:2rem}.hero-preview-stack{inset:18px 14px 95px;gap:.4rem}.hero-stats{grid-template-columns:1fr;left:14px;right:14px;bottom:14px}.hero-stats div{padding:.55rem .7rem}.dieline-search-shell,.category-strip,.featured-template-band,.dieline-results-section,.dieline-howto-section{padding-left:1rem;padding-right:1rem}.dieline-select-grid{grid-template-columns:1fr}.featured-mini-grid{grid-template-columns:repeat(2,1fr)}.dieline-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.template-preview-area{min-height:142px}.template-preview-split{min-height:142px;grid-template-columns:1fr;padding:2.15rem .5rem .6rem}.template-mockup-side{display:none}.template-card-body{padding:.75rem}.template-card-body h3{min-height:auto;font-size:.88rem}.template-card-body p{display:none}.template-card-actions,.howto-steps-grid{grid-template-columns:1fr}}:root{--ocean-ink: #0b1633;--ocean-navy: #061124;--ocean-blue: #0b82d8;--ocean-cyan: #1db7e8;--ocean-soft: #eff7ff;--ocean-card: #ffffff;--ocean-line: #e2ebf6;--ocean-purple: #6c63ff;--ocean-green: #25c99b}body{background:#f3f8fd}.ocean-module-shell{background:#f3f8fd;color:var(--ocean-ink)}.ocean-topbar.nav-light{background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(12,36,76,.08)}.ocean-topbar-inner{height:58px;max-width:1500px}.ocean-brand-mark{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b82d8,#6c63ff);color:#fff;box-shadow:0 6px 18px #0b82d83d}.ocean-brand .nav-brand-name{color:#0b1633;font-weight:800}.ocean-nav-links .nav-item{color:#31405f}.ocean-workspace-btn{background:linear-gradient(135deg,#0b82d8,#6c63ff);border-radius:999px;padding:.48rem 1.1rem;box-shadow:0 10px 24px #0b82d82e}.nav-lang-select{border:1px solid #dbe7f5;border-radius:999px;padding:.38rem .72rem;color:#29405f;background:#fff;font-size:.78rem;font-weight:600}.ocean-home-v06c{background:linear-gradient(180deg,#f2f8ff,#f8fbff 42%,#eef6ff);min-height:100%}.ocean-hero-v06c{position:relative;min-height:620px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:4.6rem 2rem 3.2rem;background:radial-gradient(circle at 18% 20%,rgba(102,160,255,.26),transparent 28%),radial-gradient(circle at 82% 24%,rgba(37,201,155,.22),transparent 24%),linear-gradient(135deg,#eaf4ff,#f7fbff 52%,#edfdf8)}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(12,44,84,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(12,44,84,.055) 1px,transparent 1px);background-size:56px 56px;transform:skewY(-6deg) scale(1.2);opacity:.55}.hero-content-v06c{position:relative;z-index:2;width:min(920px,100%);text-align:center}.module-pill{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dcecff;color:#0b82d8;font-size:.72rem;font-weight:800;letter-spacing:.08em;border-radius:999px;padding:.45rem .8rem;margin-bottom:1rem;box-shadow:0 8px 24px #0b82d814}.hero-content-v06c h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.04;letter-spacing:-.055em;color:#0b1633;margin:0 auto 1.15rem;max-width:900px}.hero-content-v06c h1 span{background:linear-gradient(135deg,#0b82d8,#6c63ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content-v06c p{max-width:720px;margin:0 auto 1.75rem;color:#5b6b86;font-size:1.05rem;line-height:1.65}.hero-search-v06c{width:min(650px,100%);margin:0 auto 1.25rem;display:flex;align-items:center;gap:.55rem;background:#fff;border:1px solid #dbe8f8;border-radius:18px;padding:.45rem .45rem .45rem .95rem;box-shadow:0 24px 60px #0f55911f}.hero-search-v06c .search-icon{color:#0b82d8;font-weight:900;font-size:1.2rem}.hero-search-v06c input{flex:1;border:none;outline:none;min-width:0;font-size:.96rem;color:#1e2f4d;background:transparent}.hero-search-v06c button{border:none;background:linear-gradient(135deg,#0b82d8,#2865e8);color:#fff;border-radius:13px;padding:.75rem 1.3rem;font-weight:800;cursor:pointer;box-shadow:0 12px 24px #0b82d840}.hero-action-row-v06c{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin:1rem 0 1.35rem}.primary-action,.secondary-action{border:none;border-radius:14px;padding:.86rem 1.25rem;font-size:.9rem;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.primary-action{color:#fff;background:linear-gradient(135deg,#0b82d8,#6c63ff);box-shadow:0 18px 34px #2a5cdc38}.secondary-action{color:#0b3b74;background:#fff;border:1px solid #d8e8f8}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0e457d24}.hero-feature-cards-v06c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:min(700px,100%);margin:1.6rem auto 0}.hero-feature-cards-v06c button{display:flex;align-items:center;gap:.75rem;text-align:left;background:#ffffffe6;border:1px solid rgba(216,232,248,.9);border-radius:18px;padding:1rem;cursor:pointer;box-shadow:0 18px 45px #1c4e881f}.hero-feature-cards-v06c strong{display:block;color:#0b1633;font-size:.83rem}.hero-feature-cards-v06c small{display:block;color:#6b7b93;font-size:.7rem;margin-top:.15rem}.hero-floating-pack{position:absolute;z-index:1;background:#ffffffb8;border:1px solid rgba(221,236,250,.8);box-shadow:0 20px 60px #0d3f7821;border-radius:28px;padding:1rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-pack-left{left:17%;top:22%;transform:rotate(-4deg)}.hero-pack-right{right:16%;top:23%;transform:rotate(5deg)}.hero-pack-bottom{right:27%;bottom:16%;transform:rotate(-6deg)}.module-strip-v06c{display:flex;align-items:center;justify-content:center;gap:2.5rem;background:#071326;color:#d9e7ff;padding:.8rem 1rem;font-size:.8rem;font-weight:700;flex-wrap:wrap}.module-strip-v06c span{color:#8aa6cf}.visual-section-v06c{max-width:1280px;margin:0 auto;padding:4.2rem 2rem}.soft-blue-section{max-width:none;background:linear-gradient(180deg,#eef7ff,#f7fbff);padding-left:max(2rem,calc((100% - 1280px)/2 + 2rem));padding-right:max(2rem,calc((100% - 1280px)/2 + 2rem))}.section-kicker{color:#0b82d8;font-size:.72rem;letter-spacing:.12em;font-weight:900;margin-bottom:.4rem;text-transform:uppercase}.section-kicker.centered{text-align:center;display:block}.section-title-row-v06c{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.section-title-row-v06c h2,.tools-story-section-v06c h2,.workflow-section-v06c h2{font-family:var(--font-display);color:#0b1633;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.04em;margin:0}.section-title-row-v06c button{border:none;background:transparent;color:#0b82d8;font-weight:900;cursor:pointer}.visual-category-grid{display:grid;gap:1rem}.mockup-grid-v06c{grid-template-columns:repeat(6,minmax(0,1fr))}.dieline-grid-v06c{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-category-card{min-height:122px;border:1px solid #dae8f8;border-radius:18px;background:#fff;cursor:pointer;padding:1rem;display:grid;grid-template-columns:74px 1fr;grid-template-rows:auto auto;column-gap:.75rem;align-items:center;text-align:left;box-shadow:0 10px 26px #1c4e880e;transition:transform .2s,box-shadow .2s,border-color .2s}.visual-category-card:hover{transform:translateY(-3px);border-color:#9dd4ff;box-shadow:0 18px 38px #1c4e881f}.visual-category-card .mini-pack,.visual-category-card .mini-dieline,.visual-category-card .design-thumb{grid-row:1/3}.visual-category-card strong{color:#11213d;font-size:.9rem;line-height:1.2}.visual-category-card small{color:#8a9ab3;font-weight:800}.dieline-card-v06c{grid-template-columns:112px 1fr;min-height:116px}.design-card-v06c{grid-template-columns:90px 1fr}.mini-pack{width:66px;height:62px;position:relative;display:block}.mini-pack span,.mini-pack i,.mini-pack b{position:absolute;display:block}.tone-blue{--p1:#0b82d8;--p2:#8cc9ff;--p3:#d9efff}.tone-cyan{--p1:#1db7e8;--p2:#8ee7ff;--p3:#dff8ff}.tone-mint,.tone-green{--p1:#25c99b;--p2:#92f0d1;--p3:#e0fff5}.tone-amber{--p1:#f59e0b;--p2:#ffd27a;--p3:#fff5d9}.tone-rose,.tone-pink{--p1:#ec4899;--p2:#ff9fcc;--p3:#fff0f7}.tone-violet{--p1:#6c63ff;--p2:#b7b3ff;--p3:#f0efff}.tone-teal{--p1:#14b8a6;--p2:#8ee8df;--p3:#e5fffb}.mini-box span{inset:14px 8px 8px 10px;background:linear-gradient(135deg,var(--p1),var(--p2));clip-path:polygon(0 20%,55% 0,100% 22%,100% 78%,45% 100%,0 76%);border-radius:4px}.mini-box i{left:26px;top:6px;width:24px;height:18px;background:var(--p3);transform:skewY(-24deg);border-radius:4px}.mini-box b{left:10px;top:26px;width:44px;height:2px;background:#ffffffa6}.mini-pouch span{left:16px;top:7px;width:36px;height:52px;border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,var(--p2),var(--p1))}.mini-pouch i{left:22px;top:25px;width:24px;height:17px;background:#ffffff6b;border-radius:4px}.mini-bottle span{left:22px;top:8px;width:26px;height:54px;background:linear-gradient(180deg,var(--p2),var(--p1));border-radius:12px 12px 8px 8px}.mini-bottle i{left:28px;top:1px;width:14px;height:12px;background:var(--p1);border-radius:4px 4px 0 0}.mini-can span{left:16px;top:9px;width:40px;height:50px;background:linear-gradient(90deg,var(--p1),var(--p2));border-radius:10px}.mini-can i{left:17px;top:5px;width:38px;height:11px;background:var(--p3);border-radius:50%}.mini-label span{left:8px;top:18px;width:52px;height:30px;background:linear-gradient(135deg,var(--p1),var(--p2));border-radius:9px}.mini-jar span{left:10px;top:17px;width:48px;height:40px;background:linear-gradient(180deg,var(--p2),var(--p1));border-radius:10px 10px 16px 16px}.mini-jar i{left:15px;top:7px;width:38px;height:11px;background:var(--p3);border-radius:9px}.mini-flow span,.mini-wrapper span{left:8px;top:19px;width:54px;height:26px;background:linear-gradient(135deg,var(--p1),var(--p2));border-radius:8px}.mini-flow i,.mini-wrapper i{left:0;top:23px;width:10px;height:18px;background:var(--p3);clip-path:polygon(0 0,100% 50%,0 100%)}.mini-cup span{left:18px;top:8px;width:32px;height:52px;background:linear-gradient(180deg,var(--p2),var(--p1));clip-path:polygon(0 0,100% 0,84% 100%,16% 100%);border-radius:8px 8px 12px 12px}.mini-tube span{left:22px;top:5px;width:26px;height:55px;background:linear-gradient(180deg,var(--p2),var(--p1));border-radius:8px 8px 14px 14px}.mini-display span{left:10px;top:20px;width:48px;height:35px;background:linear-gradient(135deg,var(--p1),var(--p2));border-radius:7px}.mini-shipper span,.mini-carton span{inset:12px 8px 8px;background:linear-gradient(135deg,var(--p1),var(--p2));border-radius:9px}.mini-dieline{width:104px;height:70px;position:relative;background:#fbfdff;border:1px solid #e5eef8;border-radius:12px}.mini-dieline span{position:absolute;border:1.5px solid #ff5d69;background:#fffc}.mini-dieline span:nth-child(2),.mini-dieline span:nth-child(4){border-color:#4d8df7;border-style:dashed}.mini-dieline-mailer span:nth-child(1),.mini-dieline-carton span:nth-child(1){left:32px;top:20px;width:38px;height:30px}.mini-dieline-mailer span:nth-child(2),.mini-dieline-carton span:nth-child(2){left:31px;top:5px;width:40px;height:15px}.mini-dieline-mailer span:nth-child(3),.mini-dieline-carton span:nth-child(3){left:10px;top:22px;width:22px;height:26px}.mini-dieline-mailer span:nth-child(4),.mini-dieline-carton span:nth-child(4){left:70px;top:22px;width:22px;height:26px}.mini-dieline-corrugated span:nth-child(1),.mini-dieline-tuck span:nth-child(1),.mini-dieline-sleeve span:nth-child(1),.mini-dieline-tray span:nth-child(1),.mini-dieline-bag span:nth-child(1),.mini-dieline-display span:nth-child(1){left:25px;top:18px;width:54px;height:34px}.mini-dieline-corrugated span:nth-child(2),.mini-dieline-tuck span:nth-child(2),.mini-dieline-sleeve span:nth-child(2),.mini-dieline-tray span:nth-child(2),.mini-dieline-bag span:nth-child(2),.mini-dieline-display span:nth-child(2){left:5px;top:23px;width:20px;height:24px}.mini-dieline-corrugated span:nth-child(3),.mini-dieline-tuck span:nth-child(3),.mini-dieline-sleeve span:nth-child(3),.mini-dieline-tray span:nth-child(3),.mini-dieline-bag span:nth-child(3),.mini-dieline-display span:nth-child(3){left:79px;top:23px;width:20px;height:24px}.mini-dieline-corrugated span:nth-child(4),.mini-dieline-tuck span:nth-child(4),.mini-dieline-sleeve span:nth-child(4),.mini-dieline-tray span:nth-child(4),.mini-dieline-bag span:nth-child(4),.mini-dieline-display span:nth-child(4){left:35px;top:3px;width:34px;height:15px}.design-thumb{width:76px;height:84px;border-radius:16px;background:linear-gradient(135deg,var(--p3),#fff);border:1px solid #e4edf8;position:relative;overflow:hidden}.design-thumb span{position:absolute;left:12px;top:12px;width:50px;height:12px;border-radius:8px;background:var(--p1);opacity:.7}.design-thumb i{position:absolute;left:14px;top:32px;width:46px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--p1),var(--p2));opacity:.78}.design-thumb b{position:absolute;right:8px;bottom:8px;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--p1);opacity:.85}.tools-story-section-v06c{max-width:1280px;margin:0 auto 2rem;padding:4.5rem 2rem;background:#fff;border-radius:28px;box-shadow:0 24px 80px #15487d0f}.tools-story-section-v06c h2{text-align:center;margin-bottom:2rem}.tools-story-grid-v06c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.tool-story-card{border:1px solid #deebf8;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:20px;padding:1.4rem;min-height:150px;text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s}.tool-story-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #15487d1f}.tool-bubble{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;margin-bottom:.85rem}.accent-blue{background:#0b82d8}.accent-cyan{background:#1db7e8}.accent-violet{background:#6c63ff}.accent-green,.accent-mint{background:#25c99b}.tool-story-card h3{color:#0b1633;margin:0 0 .45rem;font-size:1rem}.tool-story-card p{color:#61708a;font-size:.86rem;line-height:1.55;margin:0}.ocean-difference-v06c{max-width:1280px;margin:0 auto;padding:4.5rem 2rem;display:grid;grid-template-columns:.95fr 1.05fr;gap:3rem;align-items:center}.ocean-difference-v06c h2{color:#0b1633;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.05em;margin:.25rem 0 1rem}.ocean-difference-v06c p{color:#62738e;line-height:1.7;max-width:520px}.difference-stack-v06c{display:grid;gap:1rem}.difference-stack-v06c article{background:#fff;border:1px solid #dce9f8;border-radius:18px;padding:1.3rem 1.5rem;box-shadow:0 12px 34px #15487d0f}.difference-stack-v06c strong{display:block;color:#0b1633;margin-bottom:.35rem}.difference-stack-v06c span{color:#65758e;font-size:.9rem;line-height:1.55}.workflow-section-v06c{max-width:1180px;margin:0 auto;padding:3.8rem 2rem;text-align:center}.workflow-row-v06c{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;margin-top:1.6rem}.workflow-step-v06c{background:#fff;border:1px solid #e0edf9;border-radius:16px;padding:1rem .75rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;min-height:100px}.workflow-step-v06c b{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#0b82d8,#6c63ff);font-size:.8rem}.workflow-step-v06c span{color:#31405f;font-size:.78rem;font-weight:800}.cta-band-v06c{max-width:1280px;margin:1rem auto 4rem;padding:4rem 2rem;text-align:center;border-radius:30px;background:radial-gradient(circle at 20% 20%,rgba(108,99,255,.2),transparent 28%),linear-gradient(135deg,#071326,#0c2445);color:#fff;overflow:hidden}.cta-band-v06c h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);line-height:1.05;letter-spacing:-.05em;margin:0 auto 1rem;max-width:850px}.cta-band-v06c p{color:#bdd2ee;margin:0 auto 1.6rem;max-width:700px;line-height:1.7}.cta-band-v06c button{border:none;border-radius:999px;padding:1rem 1.4rem;font-weight:900;cursor:pointer;color:#071326;background:#fff}.faq-wrap-v06c{padding:3rem 2rem 5rem;background:linear-gradient(180deg,#eef7ff,#f7fbff)}.ocean-footer-v06c{margin-top:0;background:#071326}.ocean-footer-v06c .footer-logo{font-size:1rem;font-weight:900;color:#f8fbff}@media(max-width:1100px){.mockup-grid-v06c{grid-template-columns:repeat(3,1fr)}.dieline-grid-v06c{grid-template-columns:repeat(2,1fr)}.design-grid-v06c{grid-template-columns:repeat(3,1fr)}.tools-story-grid-v06c{grid-template-columns:repeat(2,1fr)}.workflow-row-v06c{grid-template-columns:repeat(3,1fr)}.ocean-difference-v06c{grid-template-columns:1fr}.hero-floating-pack{display:none}}@media(max-width:680px){.ocean-hero-v06c{padding:3.2rem 1rem;min-height:auto}.hero-content-v06c h1{font-size:2.25rem}.hero-search-v06c{flex-direction:column;align-items:stretch;padding:.7rem}.hero-action-row-v06c{flex-direction:column}.primary-action,.secondary-action{width:100%}.hero-feature-cards-v06c{grid-template-columns:1fr}.visual-section-v06c,.soft-blue-section{padding:3rem 1rem}.mockup-grid-v06c,.dieline-grid-v06c,.design-grid-v06c,.tools-story-grid-v06c,.workflow-row-v06c{grid-template-columns:1fr}.visual-category-card{grid-template-columns:86px 1fr}.section-title-row-v06c{align-items:flex-start;flex-direction:column}.cta-band-v06c{border-radius:0;margin:0;padding:3rem 1rem}}.mockup-card-preview,.featured-mockup-visual{position:relative;overflow:hidden}.mockup-card-preview>svg,.featured-mockup-visual>svg{position:relative;z-index:1}.mockup-card-image,.featured-mockup-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2;transition:transform .25s ease,filter .25s ease}.mockup-product-card:hover .mockup-card-image,.featured-mockup-card:hover .featured-mockup-image{transform:scale(1.045);filter:saturate(1.04) contrast(1.02)}.featured-mockup-visual{width:100%;min-height:128px;border-radius:16px;background:linear-gradient(145deg,#2563eb14,#14b8a61f);display:flex;align-items:center;justify-content:center}.featured-mockup-card span{position:relative;z-index:3}.mockup-card-badges{z-index:4}.mockup-library-page{min-height:calc(100vh - 56px);background:radial-gradient(circle at 12% 0%,rgba(96,165,250,.2),transparent 32rem),radial-gradient(circle at 82% 8%,rgba(99,102,241,.14),transparent 28rem),linear-gradient(180deg,#eff6ff,#f8fbff 42%,#fff);color:#0f172a;font-family:var(--font-sans, Inter, system-ui, sans-serif);padding-bottom:5rem}.mockup-library-hero{max-width:1500px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:2rem;align-items:stretch}.mockup-hero-copy,.mockup-hero-search-card,.mockup-filter-sidebar,.mockup-library-content,.mockup-product-card,.featured-mockup-card{box-sizing:border-box}.mockup-hero-copy{background:linear-gradient(135deg,#ffffffeb,#eff6ffd1);border:1px solid rgba(148,163,184,.22);border-radius:28px;padding:2.4rem;box-shadow:0 24px 70px #0f172a14;position:relative;overflow:hidden}.mockup-hero-copy:after{content:"";position:absolute;right:-4rem;top:-5rem;width:16rem;height:16rem;border-radius:50%;background:linear-gradient(135deg,#2563eb2e,#2dd4bf2e)}.mockup-hero-copy .platform-eyebrow,.mockup-section-title-row .platform-eyebrow{display:inline-flex;align-items:center;gap:.35rem;color:#2563eb;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.mockup-hero-copy h1{max-width:720px;margin:.55rem 0 .75rem;font-family:var(--font-display, Outfit, system-ui, sans-serif);font-size:clamp(2.25rem,4.3vw,4.4rem);line-height:.98;letter-spacing:-.055em;color:#081225}.mockup-hero-copy p{max-width:760px;font-size:1.05rem;line-height:1.65;color:#475569;margin:0}.mockup-hero-search-card{background:#fffffff2;border:1px solid rgba(148,163,184,.24);border-radius:24px;padding:1.5rem;box-shadow:0 20px 55px #0f172a14;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:1rem}.mockup-hero-search-card label{display:block;font-size:.78rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.mockup-search-row{display:flex;align-items:center;gap:.65rem;background:#f8fafc;border:1px solid #dbeafe;border-radius:16px;padding:.75rem 1rem}.mockup-search-row span{color:#2563eb;font-weight:900}.mockup-search-row input{flex:1;border:0;outline:0;background:transparent;min-width:0;color:#0f172a;font:inherit}.mockup-search-row button,.filter-panel-header button,.library-secondary-action,.mockup-card-actions button,.mockup-pagination button,.quick-filter-list button{font-family:var(--font-display, Outfit, system-ui, sans-serif)}.mockup-search-row button{border:0;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:.4rem .65rem;cursor:pointer;font-weight:700}.mockup-hero-stats{display:flex;flex-wrap:wrap;gap:.45rem .7rem;align-items:center;color:#64748b;font-size:.9rem}.mockup-hero-stats strong{color:#0f172a}.mockup-library-layout{max-width:1500px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:270px minmax(0,1fr);gap:1.5rem;align-items:start}.mockup-filter-sidebar{position:sticky;top:72px;background:#fffffff5;border:1px solid rgba(148,163,184,.24);border-radius:22px;padding:1.1rem;box-shadow:0 18px 45px #0f172a12}.filter-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;margin-bottom:1rem}.filter-panel-header h3{margin:0 0 .2rem;font-size:1rem;color:#0f172a}.filter-panel-header p{margin:0;font-size:.78rem;color:#64748b}.filter-panel-header button{border:0;background:#eff6ff;color:#2563eb;border-radius:999px;padding:.38rem .65rem;cursor:pointer;font-weight:700;font-size:.78rem}.filter-block{display:flex;flex-direction:column;gap:.42rem;margin-bottom:.95rem}.filter-block label{font-size:.78rem;font-weight:800;color:#334155}.filter-block select{width:100%;border:1px solid #dbeafe;background:#fff;color:#0f172a;border-radius:12px;padding:.65rem .75rem;outline:none}.filter-block select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61f}.quick-filter-list{display:flex;flex-direction:column;gap:.45rem}.quick-filter-list button{border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:999px;padding:.55rem .75rem;text-align:left;cursor:pointer;font-weight:700;font-size:.78rem}.quick-filter-list button.active,.quick-filter-list button:hover{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.mockup-library-content{min-width:0;background:#ffffffb8;border:1px solid rgba(148,163,184,.18);border-radius:26px;padding:1.35rem;box-shadow:0 22px 65px #0f172a0f}.mockup-section-title-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.mockup-section-title-row h2{margin:.15rem 0 0;color:#0f172a;font-family:var(--font-display, Outfit, system-ui, sans-serif);font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:-.025em}.mockup-section-title-row p{margin:.2rem 0 0;color:#64748b}.library-secondary-action{border:0;border-radius:999px;background:linear-gradient(135deg,#2563eb,#6366f1);color:#fff;padding:.72rem 1rem;box-shadow:0 14px 30px #2563eb38;cursor:pointer;font-weight:800}.featured-mockup-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.9rem;margin-bottom:1.8rem}.featured-mockup-card{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:.65rem;cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 12px 28px #0f172a0d}.featured-mockup-card:hover{transform:translateY(-3px);border-color:#bfdbfe;box-shadow:0 18px 38px #2563eb21}.featured-mockup-visual{position:relative;height:112px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#eef2ff,#f8fafc);display:flex;align-items:center;justify-content:center}.featured-mockup-visual>svg,.mockup-card-preview>svg{width:54%;height:54%;opacity:.22;position:relative;z-index:1}.featured-mockup-image,.mockup-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:2;transition:transform .25s ease;background:linear-gradient(135deg,#f8fafc,#eef2ff)}.featured-mockup-card:hover .featured-mockup-image,.mockup-product-card:hover .mockup-card-image{transform:scale(1.035)}.featured-mockup-card>span{display:block;margin-top:.55rem;color:#0f172a;font-weight:800;font-size:.78rem;line-height:1.2}.catalog-title-row{padding-top:1.2rem;border-top:1px solid #e2e8f0}.catalog-view-toggle{display:inline-flex;align-items:center;background:#f1f5f9;padding:.25rem;border-radius:999px;gap:.25rem}.catalog-view-toggle span{font-size:.78rem;color:#64748b;padding:.4rem .65rem;border-radius:999px;font-weight:800}.catalog-view-toggle .active{background:#fff;color:#2563eb;box-shadow:0 6px 18px #0f172a14}.mockup-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.mockup-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-height:430px;box-shadow:0 16px 35px #0f172a0f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mockup-product-card:hover{transform:translateY(-4px);border-color:#bfdbfe;box-shadow:0 24px 48px #2563eb1f}.mockup-card-preview{position:relative;height:210px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8fafc}.mockup-card-preview:after{content:"";position:absolute;inset:auto 18px 12px;height:18px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(15,23,42,.12),transparent 70%);z-index:0}.mockup-card-badges{position:absolute;top:.65rem;right:.65rem;z-index:4;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.mockup-card-badges span{background:#0f172ad6;color:#fff;border-radius:999px;padding:.28rem .5rem;font-size:.68rem;font-weight:900;box-shadow:0 8px 18px #0f172a29}.mockup-card-badges .new{background:#10b981}.mockup-card-badges .popular{background:#f97316}.mockup-card-body{flex:1;padding:.95rem;display:flex;flex-direction:column}.mockup-card-kicker{color:#4f46e5;text-transform:uppercase;font-size:.68rem;font-weight:900;letter-spacing:.07em;margin-bottom:.35rem}.mockup-card-body h3{margin:0;color:#0f172a;font-size:1rem;line-height:1.2;font-family:var(--font-display, Outfit, system-ui, sans-serif)}.mockup-card-body p{margin:.45rem 0 .65rem;color:#64748b;line-height:1.45;font-size:.83rem}.mockup-card-meta,.mockup-tag-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}.mockup-card-meta span,.mockup-tag-row span{background:#f8fafc;border:1px solid #e2e8f0;color:#475569;border-radius:999px;padding:.22rem .45rem;font-size:.68rem;font-weight:700}.mockup-tag-row span{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.mockup-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:auto}.mockup-card-actions button{border:1px solid #dbeafe;background:#fff;color:#0f172a;border-radius:11px;padding:.62rem .5rem;cursor:pointer;font-weight:900;font-size:.75rem}.mockup-card-actions button.primary{border-color:transparent;background:#0f172a;color:#fff}.mockup-card-actions button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a1a}.mockup-pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:1.7rem 0 .4rem}.mockup-pagination button{min-width:34px;height:34px;border:1px solid #dbeafe;background:#fff;color:#334155;border-radius:10px;cursor:pointer;font-weight:900}.mockup-pagination button.active{background:#2563eb;color:#fff;border-color:#2563eb}.mockup-pagination button:disabled{opacity:.42;cursor:not-allowed}.mockup-pagination .ellipsis{color:#94a3b8;padding:0 .2rem}@media(max-width:1280px){.mockup-card-grid,.featured-mockup-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.mockup-library-hero{grid-template-columns:1fr;padding:2rem 1rem 1rem}.mockup-library-layout{grid-template-columns:1fr;padding:0 1rem}.mockup-filter-sidebar{position:static}.mockup-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.mockup-hero-copy{padding:1.4rem;border-radius:20px}.mockup-hero-search-card{padding:1rem}.mockup-section-title-row{align-items:flex-start;flex-direction:column}.featured-mockup-strip,.mockup-card-grid{grid-template-columns:1fr}.mockup-card-preview{height:230px}.mockup-library-content{padding:.8rem;border-radius:20px}}.detail-real-mockup-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:2rem;background:#f8fafc}.detail-preview-box{position:relative;overflow:hidden}.mockup-studio-page{height:calc(100vh - 56px);background:linear-gradient(135deg,#d7d7d7,#eee 52%,#d7d7d7);color:#111827;overflow:hidden;font-family:var(--font-sans, Inter, sans-serif)}.mockup-studio-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#ffffffeb;border-bottom:1px solid rgba(15,23,42,.12);box-shadow:0 8px 24px #0f172a14;position:relative;z-index:3}.mockup-studio-brand{display:flex;align-items:center;gap:16px}.studio-back-btn{width:38px;height:38px;border-radius:50%;border:none;background:#0f172a;color:#fff;font-size:28px;line-height:1;cursor:pointer}.mockup-studio-brand strong{display:block;font-weight:900;font-size:18px;color:#0f172a}.mockup-studio-brand span{display:block;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b;font-size:12px}.mockup-studio-header-actions{display:flex;align-items:center;gap:10px}.studio-outline-btn,.studio-share-btn,.studio-export-btn{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:10px;height:40px;padding:0 16px;font-weight:800;cursor:pointer}.studio-export-btn{background:#111827;color:#fff;border-color:#111827}.studio-export-btn.purple{background:#8b5cf6;border-color:#8b5cf6}.mockup-studio-workbench{height:calc(100% - 68px);display:flex;position:relative}.studio-rail{width:76px;margin:24px 12px 24px 24px;border-radius:18px;background:#fff;box-shadow:0 18px 40px #0f172a24;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;z-index:2}.studio-rail-btn,.studio-rail-ai{width:58px;min-height:62px;border:none;background:transparent;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#111827}.studio-rail-btn span{font-size:24px}.studio-rail-btn small,.studio-rail-ai small{font-size:10px;font-weight:800;line-height:1.1}.studio-rail-btn.active{background:#f3e8ff;color:#8b5cf6}.studio-rail-ai{margin-top:auto;background:#fff7ed;color:#9333ea;box-shadow:0 10px 24px #9333ea24}.studio-side-panel{width:340px;margin:24px 16px 24px 0;background:#fff;border-radius:18px;padding:18px;box-shadow:0 18px 40px #0f172a29;overflow:auto;z-index:2}.studio-panel-section+.studio-panel-section{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:18px}.studio-panel-section h2{font-size:18px;margin-bottom:14px;color:#111827}.studio-panel-section h3{font-size:15px;margin-bottom:14px;color:#111827}.studio-upload-zone{height:220px;border:2px dashed #8b5cf6;border-radius:16px;background:#f5f0ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-align:center}.studio-upload-zone input{display:none}.studio-upload-icon{font-size:42px}.studio-upload-zone strong{background:#8b5cf6;color:#fff;border-radius:12px;padding:12px 28px;font-size:17px}.studio-upload-zone small{color:#64748b;font-weight:700}.studio-create-ai-btn,.studio-link-btn{width:100%;min-height:44px;margin-top:12px;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc;color:#111827;font-weight:800;cursor:pointer}.studio-link-btn{background:#fff}.studio-uploaded-file{margin-top:12px;display:flex;gap:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px}.studio-uploaded-file img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:#fff}.studio-uploaded-file strong{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827}.studio-uploaded-file button{margin-top:8px;border:none;color:#dc2626;background:transparent;cursor:pointer;font-weight:800}.studio-setting-list button{width:100%;min-height:58px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:10px;margin-bottom:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 16px;cursor:pointer}.studio-setting-list span{color:#64748b;font-size:12px}.studio-setting-list strong{color:#111827;font-size:14px}.studio-range-label{display:flex;justify-content:space-between;color:#334155;font-size:13px;font-weight:800;margin-top:10px}.studio-range{width:100%;accent-color:#8b5cf6}.studio-fit-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.studio-fit-row button{border:1px solid #e5e7eb;background:#fff;border-radius:10px;height:36px;font-weight:800;cursor:pointer}.studio-fit-row button.active{background:#111827;color:#fff;border-color:#111827}.studio-canvas-area{flex:1;position:relative;overflow:hidden;display:grid;place-items:center;perspective:1400px}.studio-stage{width:100%;height:100%;display:grid;place-items:center;position:relative}.studio-stage-shadow{position:absolute;width:min(620px,44vw);height:90px;border-radius:50%;background:#0f172a2e;bottom:120px;filter:blur(18px)}.studio-mockup-object{position:relative;width:min(620px,48vw);aspect-ratio:4/3;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .25s ease;border-radius:20px}.studio-mockup-object .generated-mockup-preview{position:absolute;inset:0;opacity:.18}.studio-mockup-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 36px rgba(15,23,42,.22))}.studio-artwork-overlay{position:absolute;left:50%;top:50%;max-height:70%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 8px 14px rgba(15,23,42,.18));pointer-events:none}.studio-artwork-overlay.cover{object-fit:cover;max-height:55%;border-radius:12px}.studio-floating-toolbar.right{position:absolute;right:26px;top:28px;width:52px;border-radius:16px;background:#fff;padding:10px 6px;display:flex;flex-direction:column;gap:8px;box-shadow:0 16px 36px #0f172a29;z-index:4}.studio-floating-toolbar button{height:36px;border:none;border-radius:10px;background:#fff;cursor:pointer;font-size:18px}.studio-floating-toolbar button.active{background:#f3e8ff;color:#8b5cf6}.studio-floating-toolbar span{height:1px;background:#e5e7eb;margin:4px 8px}.studio-bottom-toolbar{position:absolute;left:50%;bottom:28px;transform:translate(-50%);min-height:54px;border-radius:14px;background:#fff;display:flex;align-items:center;gap:10px;padding:8px 12px;box-shadow:0 16px 36px #0f172a29;z-index:4}.studio-bottom-toolbar button{border:none;background:#fff;color:#111827;min-width:34px;height:34px;border-radius:8px;cursor:pointer;font-weight:900}.studio-bottom-toolbar button:hover{background:#f1f5f9}.studio-bottom-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#334155}.studio-toolbar-separator{width:1px;height:28px;background:#e5e7eb}.studio-bottom-toolbar strong{background:#fff7ed;border:1px solid #fed7aa;color:#92400e;border-radius:10px;height:36px;display:flex;align-items:center;padding:0 14px}@media(max-width:1100px){.mockup-studio-header{padding:0 14px}.mockup-studio-header-actions{gap:6px}.studio-outline-btn{display:none}.studio-side-panel{width:300px}.studio-mockup-object{width:60vw}}@media(max-width:820px){.mockup-studio-workbench{overflow:auto}.studio-rail{display:none}.studio-side-panel{position:absolute;left:12px;top:12px;width:300px;max-height:calc(100% - 100px)}.studio-mockup-object{width:84vw}.studio-bottom-toolbar{width:calc(100% - 24px);overflow:auto}}.mockup-studio-page.bg-studio{background:linear-gradient(135deg,#d7d7d7,#eee 52%,#d7d7d7)}.mockup-studio-page.bg-white{background:radial-gradient(circle at 50% 20%,#fff,#f1f5f9 60%,#e2e8f0)}.mockup-studio-page.bg-mint{background:radial-gradient(circle at 50% 18%,#dcfce7,#f0fdfa 55%,#d1fae5)}.mockup-studio-page.bg-blue{background:radial-gradient(circle at 50% 20%,#dbeafe,#eff6ff 58%,#bfdbfe)}.mockup-studio-page.bg-warm{background:radial-gradient(circle at 50% 20%,#fef3c7,#fff7ed 56%,#fed7aa)}.studio-muted{color:#64748b;font-size:12px;line-height:1.45;margin:0 0 12px}.studio-warning-box{border:1px solid #fed7aa;background:#fff7ed;color:#92400e;border-radius:14px;padding:14px}.studio-warning-box strong{display:block;margin-bottom:6px}.studio-warning-box p{margin:0;font-size:12px;line-height:1.45}.studio-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-model-card{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:8px;cursor:pointer;text-align:left;transition:.18s}.studio-model-card:hover{border-color:#8b5cf6;box-shadow:0 10px 22px #8b5cf629;transform:translateY(-1px)}.studio-model-card img,.studio-model-card .generated-mockup-preview{width:100%;height:86px;object-fit:contain;display:block;background:#f8fafc;border-radius:10px}.studio-model-card span{display:block;color:#111827;font-size:11px;font-weight:800;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-layout-grid button{min-height:88px;border:1px solid #e5e7eb;background:#fff;border-radius:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:pointer}.studio-layout-grid button span{font-size:30px;color:#8b5cf6}.studio-layout-grid button strong{font-size:12px;color:#111827}.studio-layout-grid button.active{border-color:#8b5cf6;background:#f5f3ff;box-shadow:0 10px 22px #8b5cf624}.studio-background-grid{display:grid;grid-template-columns:1fr;gap:9px}.studio-background-grid button{height:54px;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;font-weight:900;color:#0f172a;text-align:left;padding:0 14px}.studio-background-grid button.active{outline:3px solid rgba(139,92,246,.26);border-color:#8b5cf6}.studio-background-grid .bg-studio{background:linear-gradient(135deg,#e5e7eb,#f8fafc)}.studio-background-grid .bg-white{background:linear-gradient(135deg,#fff,#f8fafc)}.studio-background-grid .bg-mint{background:linear-gradient(135deg,#bbf7d0,#f0fdfa)}.studio-background-grid .bg-blue{background:linear-gradient(135deg,#bfdbfe,#eff6ff)}.studio-background-grid .bg-warm{background:linear-gradient(135deg,#fed7aa,#fff7ed)}.studio-surface-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.studio-surface-row button{border:1px solid #e5e7eb;background:#fff;border-radius:9px;height:32px;cursor:pointer;font-weight:900;color:#334155;text-transform:capitalize}.studio-surface-row button.active{background:#111827;color:#fff;border-color:#111827}.studio-mockup-object.turntable-on{animation:oceanStudioTurntable 6.5s ease-in-out infinite}@keyframes oceanStudioTurntable{0%{transform:scale(var(--studio-scale,1)) rotateY(-42deg)}50%{transform:scale(var(--studio-scale,1)) rotateY(42deg)}to{transform:scale(var(--studio-scale,1)) rotateY(-42deg)}}.studio-artwork-plane{position:absolute;left:50%;top:52%;width:44%;height:34%;transform:translate(-50%,-50%);overflow:hidden;border:1px dashed rgba(139,92,246,.55);border-radius:10px;z-index:4;display:grid;place-items:center;background:#ffffff29;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff38}.studio-artwork-plane.surface-front{left:48%;top:55%;width:42%;height:36%;transform:translate(-50%,-50%) perspective(800px) rotateY(-4deg)}.studio-artwork-plane.surface-top{left:49%;top:38%;width:46%;height:21%;transform:translate(-50%,-50%) perspective(900px) rotateX(58deg) rotate(0);border-radius:8px}.studio-artwork-plane.surface-side{left:62%;top:55%;width:30%;height:34%;transform:translate(-50%,-50%) perspective(900px) rotateY(-34deg)}.studio-artwork-plane.surface-label{left:50%;top:54%;width:32%;height:30%;border-radius:999px}.studio-plane-placeholder{color:#64748bb8;text-align:center;font-weight:900;font-size:13px;line-height:1.35}.studio-artwork-overlay{position:absolute;left:50%;top:50%;max-height:none;height:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(15,23,42,.14));pointer-events:none;transform-origin:center}.studio-artwork-overlay.cover{height:100%;width:100%!important;object-fit:cover}.layout-floating .studio-mockup-image{transform:translateY(-10px)}.layout-shelf:after{content:"";position:absolute;left:8%;right:8%;bottom:18%;height:16px;background:linear-gradient(90deg,transparent,#cbd5e1,transparent);border-radius:999px;z-index:0}@media(max-width:820px){.studio-surface-row{grid-template-columns:repeat(2,1fr)}.studio-model-grid{grid-template-columns:1fr}}.mockup-studio-page .studio-artwork-plane{position:absolute;z-index:8;overflow:hidden;border-radius:16px;pointer-events:none;background:#2563eb08;box-shadow:inset 0 0 0 1px #2563eb29;isolation:isolate}.mockup-studio-page .studio-artwork-plane.guides-off{background:transparent;box-shadow:none}.mockup-studio-page .studio-artwork-plane.surface-front{left:39%;top:45%;width:25%;height:21%;transform:skewY(1deg) rotate(-.6deg)}.mockup-studio-page .studio-artwork-plane.surface-top{left:42%;top:33%;width:26%;height:13%;transform:skew(-8deg) rotate(-1deg)}.mockup-studio-page .studio-artwork-plane.surface-side{left:63%;top:45%;width:18%;height:22%;transform:skewY(-7deg) rotate(.8deg)}.mockup-studio-page .studio-artwork-plane.surface-label{left:45%;top:50%;width:14%;height:10%;border-radius:10px}.studio-artwork-overlay,.design-artwork-overlay{position:absolute;left:50%;top:50%;height:auto;max-width:none;border-radius:10px;transform-origin:center center;filter:saturate(1.03) contrast(1.03)}.studio-artwork-overlay.contain,.design-artwork-overlay.contain{object-fit:contain}.studio-artwork-overlay.cover,.design-artwork-overlay.cover{height:100%;width:100%!important;object-fit:cover}.studio-plane-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#2563ebb8;font-size:12px;font-weight:800;line-height:1.25}.studio-uploaded-file div{gap:6px}.studio-uploaded-file button+button{margin-left:8px;color:#2563eb}.studio-surface-row,.studio-fit-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 12px}.studio-surface-row button,.studio-fit-row button{min-height:40px;border:1px solid #dbe3ef;background:#fff;border-radius:10px;color:#0f172a;font-size:13px;font-weight:800;cursor:pointer}.studio-surface-row button.active,.studio-fit-row button.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 8px 18px #2563eb2e}.studio-bottom-toolbar strong{border:1px solid rgba(37,99,235,.16);background:#2563eb0f;color:#2563eb;padding:8px 14px;border-radius:12px}.design-workspace-page{min-height:100vh;background:#f4f7fb;color:#0f172a;display:flex;flex-direction:column;font-family:var(--font-sans, Inter, Arial, sans-serif)}.design-workspace-header{height:72px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 32px;flex-shrink:0}.design-title-row{display:flex;align-items:center;gap:18px}.design-title-row strong{display:block;font-size:22px;font-weight:900;letter-spacing:-.03em}.design-title-row span{display:block;color:#64748b;font-size:13px;margin-top:3px}.design-close-btn{width:40px;height:40px;border:0;background:transparent;color:#0f172a;font-size:34px;line-height:1;cursor:pointer}.design-save-btn{border:0;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:12px;padding:13px 64px;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 16px 32px #7c3aed33}.design-workspace-main{flex:1;display:grid;grid-template-columns:72px 300px minmax(520px,1fr) 300px;gap:18px;padding:20px;overflow:hidden}.design-rail{display:flex;flex-direction:column;gap:14px;align-items:center}.design-rail button{width:64px;min-height:78px;border:0;background:#fff;border-radius:18px;box-shadow:0 8px 26px #0f172a14;color:#0f172a;font-weight:900;cursor:pointer}.design-rail button.active{color:#7c3aed;background:#f4edff}.design-rail small{display:block;margin-top:6px;font-size:11px}.design-assets-panel,.design-right-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 18px 45px #0f172a1a;padding:18px;overflow:auto}.design-upload-button{display:flex;align-items:center;justify-content:center;min-height:44px;background:#111827;color:#fff;border-radius:12px;font-weight:900;cursor:pointer}.design-upload-button input{display:none}.design-tab-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:4px;margin:14px 0}.design-tab-row button{border:0;background:transparent;border-radius:9px;min-height:36px;font-weight:900;cursor:pointer}.design-tab-row button.active{background:#fff;box-shadow:0 4px 14px #0f172a14}.design-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:calc(100vh - 240px);overflow:auto;padding-right:4px}.design-asset-grid button{position:relative;border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;min-height:112px;overflow:hidden;cursor:pointer}.design-asset-grid button.active{outline:3px solid rgba(124,58,237,.36);border-color:#8b5cf6}.design-asset-grid img{width:100%;height:100px;object-fit:cover;display:block}.design-asset-grid span{position:absolute;right:7px;top:7px;background:#0f172adb;color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.design-empty-asset{grid-column:1 / -1;min-height:160px;display:grid;place-items:center;color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:12px;padding:18px}.design-upload-count{display:block;margin-top:18px;color:#64748b}.design-dieline-stage{position:relative;display:grid;place-items:center;overflow:hidden}.design-dieline-canvas{position:relative;width:min(980px,92%);aspect-ratio:1000 / 680;background:#f8fafc}.design-dieline-svg{width:100%;height:100%;display:block}.design-artwork-plane{position:absolute;overflow:hidden;border:2px dashed rgba(37,99,235,.72);border-radius:10px;background:#2563eb0a;box-shadow:0 0 0 9999px #fff0}.design-artwork-plane.guides-off{border-color:transparent;background:transparent}.design-artwork-overlay{left:50%;top:50%;max-width:none;height:auto}.design-bottom-toolbar{position:absolute;bottom:28px;left:50%;transform:translate(-50%);min-height:56px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:8px 14px;box-shadow:0 14px 40px #0f172a24}.design-bottom-toolbar button{border:0;background:transparent;font-size:18px;font-weight:900;cursor:pointer}.design-bottom-toolbar span{width:1px;height:26px;background:#e2e8f0}.design-mini-preview{position:relative;min-height:210px;display:grid;place-items:center;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#f1f5f9,#fff);margin-bottom:20px}.design-mini-preview img{max-width:86%;max-height:190px;object-fit:contain;opacity:.68}.design-mini-preview span{position:absolute;right:14px;top:14px;font-size:20px;font-weight:900}.design-control-card{border:1px solid #e2e8f0;border-radius:16px;padding:14px}.design-control-card h3{margin:10px 0 12px;font-size:15px}@media(max-width:1200px){.design-workspace-main{grid-template-columns:64px 280px 1fr}.design-right-panel{display:none}}@media(max-width:820px){.design-workspace-main{grid-template-columns:1fr;overflow:auto}.design-rail,.design-assets-panel{display:none}}.real-dieline-mode{min-height:680px}.studio-artwork-plane,.design-artwork-plane,.mini-preview-artwork-plane{position:absolute;overflow:hidden;border:2px dashed rgba(59,130,246,.55);background:#3b82f60d}.guides-off.studio-artwork-plane,.guides-off.design-artwork-plane,.guides-off.mini-preview-artwork-plane{border-color:transparent;background:transparent}.studio-artwork-overlay,.design-artwork-overlay,.mini-preview-artwork-overlay{position:absolute;left:50%;top:50%;height:auto;max-width:none;transform-origin:center center;object-fit:contain;border-radius:12px;box-shadow:0 10px 25px #0f172a26}.studio-artwork-overlay.cover,.design-artwork-overlay.cover,.mini-preview-artwork-overlay.cover{width:auto!important;min-width:100%;min-height:100%}.design-artwork-overlay.draggable{cursor:move}.design-live-preview-card{display:flex;flex-direction:column;gap:14px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;padding:16px;box-shadow:0 12px 26px #0f172a14}.design-live-preview-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.design-live-preview-header strong{font-size:15px;color:#0f172a}.design-live-preview-header span{font-size:12px;font-weight:700;color:#6366f1}.design-live-preview-stage{position:relative;height:250px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#eef4fb);box-shadow:inset 0 0 0 1px #94a3b833}.design-live-preview-stage .generated-mockup-preview,.design-live-preview-stage .studio-mockup-image,.design-live-preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.design-live-preview-stage.turntable-on{animation:oceanStudioPulse 6s ease-in-out infinite}@keyframes oceanStudioPulse{0%,to{transform:rotateY(-6deg)}50%{transform:rotateY(6deg)}}.mini-preview-artwork-plane{z-index:5}.mini-preview-artwork-overlay{max-width:none}.design-live-preview-controls{display:flex;gap:10px}.design-live-preview-controls button{flex:1;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;padding:10px 12px;border-radius:12px;font-weight:700;cursor:pointer}.design-dieline-canvas{position:relative}.design-dieline-svg{width:100%;height:auto}.design-bottom-toolbar button,.design-bottom-toolbar strong{font-size:15px}.true-3d-stage{perspective:none;background:radial-gradient(circle at center,#ffffffe0,#e2e8f0b8 58%,#cbd5e19e)}.true-3d-mockup-viewer{width:min(820px,62vw);height:min(650px,66vh);min-height:460px;position:relative;z-index:3}.true-3d-mockup-viewer canvas{width:100%!important;height:100%!important;display:block;cursor:grab}.true-3d-mockup-viewer canvas:active{cursor:grabbing}.true-3d-stage .studio-stage-shadow{bottom:92px;width:min(720px,54vw);height:120px;opacity:.9}@media(max-width:900px){.true-3d-mockup-viewer{width:92vw;height:60vh}}.studio-reference-object{position:relative;width:min(560px,42vw);max-height:62vh;aspect-ratio:4 / 3;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .18s ease,width .18s ease;cursor:grab;user-select:none;-webkit-user-select:none;transform:scale(var(--reference-scale, .86)) rotateX(var(--reference-tilt-x, 0deg)) rotateY(var(--reference-tilt-y, 0deg))}.studio-reference-object.dragging{cursor:grabbing}.studio-reference-object.turntable-on{animation:oceanReferenceTurntableV22 11s ease-in-out infinite}.studio-reference-object.turntable-on.dragging,.studio-reference-object.turntable-on:hover{animation-play-state:paused}@keyframes oceanReferenceTurntableV22{0%,to{transform:scale(var(--reference-scale, .86)) rotateX(var(--reference-tilt-x, 0deg)) rotateY(calc(var(--reference-tilt-y, 0deg) - 16deg))}50%{transform:scale(var(--reference-scale, .86)) rotateX(var(--reference-tilt-x, 0deg)) rotateY(calc(var(--reference-tilt-y, 0deg) + 16deg))}}.studio-reference-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(15,23,42,.19));border-radius:18px;pointer-events:none}.studio-reference-note{position:absolute;left:50%;bottom:-30px;transform:translate(-50%);border:1px solid rgba(37,99,235,.24);background:#ffffffeb;color:#1d4ed8;border-radius:999px;padding:6px 12px;font-weight:800;font-size:12px;white-space:nowrap}.true-3d-stage{perspective:1200px;overflow:visible}.studio-stage{overflow:visible}.v23-studio-page{background:linear-gradient(135deg,#eef4fb,#fff,#eef2ff);color:#0f172a}.v23-workbench{grid-template-columns:76px minmax(260px,360px) 1fr}.v23-side-panel{background:#ffffffeb;color:#0f172a;border-right:1px solid #dbe5f2}.v23-panel-section{padding:20px;display:flex;flex-direction:column;gap:14px}.v23-panel-section h2,.v23-panel-section h3{margin:0;color:#0f172a;font-family:var(--font-display, Inter, sans-serif)}.v23-panel-section p{color:#64748b;line-height:1.5;font-size:.9rem}.v23-model-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v23-model-list button{border:1px solid #dbe5f2;background:#fff;border-radius:14px;padding:10px;text-align:left;cursor:pointer;min-height:120px}.v23-model-list img{width:100%;height:72px;object-fit:contain;background:#f8fafc;border-radius:10px}.v23-model-list span{display:block;margin-top:8px;font-size:.74rem;font-weight:800;color:#0f172a}.v23-surface-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v23-surface-grid button{border:1px solid #dbe5f2;background:#fff;color:#0f172a;border-radius:12px;padding:10px;cursor:pointer;text-align:left}.v23-surface-grid button.active{border-color:#2563eb;background:#2563eb;color:#fff}.v23-surface-grid span,.v23-surface-grid small{display:block}.v23-surface-grid span{font-weight:800;font-size:.82rem}.v23-surface-grid small{opacity:.72;margin-top:3px;font-size:.72rem}.v23-canvas-area{display:flex;flex-direction:column;overflow:hidden}.v23-template-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:#ffffffc7;border-bottom:1px solid #dbe5f2}.v23-template-banner strong{color:#0f172a}.v23-template-banner span{color:#64748b;font-size:.86rem;font-weight:700}.v23-stage-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(360px,.85fr);gap:18px;padding:18px}.v23-3d-card,.v23-dieline-card{min-height:0;border:1px solid #dbe5f2;background:#ffffffdb;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px #0f172a17}.v23-3d-card{position:relative}.ocean-dieline-3d-viewer{width:100%;height:100%;min-height:620px;background:radial-gradient(circle at 50% 28%,#fff,#eef4fb 52%,#d9e5f2)}.ocean-dieline-3d-viewer canvas{width:100%!important;height:100%!important;display:block}.v23-dieline-card{display:flex;flex-direction:column;padding:16px}.v23-dieline-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.v23-dieline-header strong{font-size:1rem;color:#0f172a}.v23-dieline-header span{color:#64748b;font-size:.82rem;font-weight:700}.v23-dieline-svg{flex:1;width:100%;min-height:540px;background:#f8fafc;border-radius:18px;box-shadow:inset 0 0 0 1px #e2e8f0}.v23-dieline-path.cut{stroke:#ef4444;stroke-width:3}.v23-dieline-path.fold{stroke:#3b82f6;stroke-width:2;stroke-dasharray:8 8}.v23-dieline-path.safe{stroke:#f59e0b;stroke-width:2;stroke-dasharray:5 8}.v23-dieline-path.bleed{stroke:#10b981;stroke-width:2;stroke-dasharray:4 7}.v23-panel-rect{fill:#2563eb0a;stroke:#2563eb52;stroke-width:2;cursor:pointer;transition:fill .16s ease,stroke .16s ease}.v23-panel-rect:hover,.v23-panel-rect.active{fill:#2563eb29;stroke:#2563eb}.v23-panel-label{font-size:15px;font-weight:800;fill:#334155;pointer-events:none}.v23-bottom-toolbar{position:static;transform:none;margin:0 auto 18px}.v23-bottom-toolbar strong{color:#2563eb;text-transform:uppercase}@media(max-width:1180px){.v23-stage-grid{grid-template-columns:1fr;overflow-y:auto}.ocean-dieline-3d-viewer{min-height:520px}}.visual-category-card-image{grid-template-columns:1fr 1fr;min-height:150px;overflow:hidden;position:relative}.visual-category-photo{grid-row:1 / 3;width:100%;height:118px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#edf5ff);overflow:hidden}.visual-category-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.08)}.hero-feature-cards-v06c button{min-height:104px;align-items:center}.hero-feature-cards-v06c .mini-dieline{flex:0 0 66px;transform:none;margin:0}.v23-template-banner.ready{border-color:#22c55e38;background:linear-gradient(90deg,#f0fdf4eb,#ffffffeb)}.v23-template-banner.not-ready{border-color:#f59e0b52;background:linear-gradient(90deg,#fffbebf5,#ffffffeb)}.v27-template-not-ready{min-height:540px;display:grid;place-items:center;text-align:center;padding:2rem;color:#0f172a}.v27-template-not-ready img{width:min(420px,86%);max-height:260px;object-fit:contain;border-radius:24px;background:#f8fafc;box-shadow:0 24px 54px #0f172a1f;margin-bottom:1rem}.v27-template-not-ready h2{font-size:1.3rem;max-width:620px;margin:0 auto .5rem}.v27-template-not-ready p{color:#64748b;max-width:720px;margin:0 auto 1rem;line-height:1.6}.v27-template-not-ready button{border:0;border-radius:999px;padding:.85rem 1.25rem;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 16px 32px #2563eb38}.ocean-dieline-3d-viewer{background:radial-gradient(circle at 50% 30%,#fff,#edf5ff 62%,#dde8f4)}@media(max-width:900px){.visual-category-card-image{grid-template-columns:96px 1fr;min-height:126px}.visual-category-photo{height:92px}}.ocean-home-v06c .visual-section-v06c{max-width:1180px}.ocean-home-v06c .mockup-grid-v06c{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem}.ocean-home-v06c .visual-category-card-image{min-height:172px;grid-template-columns:1.05fr 1.4fr;grid-template-rows:auto auto 1fr;padding:1.15rem 1.1rem;border:1.5px solid #0f172a;border-radius:16px;background:linear-gradient(135deg,#fff,#f6f9fc);box-shadow:none}.ocean-home-v06c .visual-category-card-image strong{font-size:1.03rem;line-height:1.15;max-width:115px;z-index:2}.ocean-home-v06c .visual-category-card-image small{font-size:.88rem;color:#64748b;z-index:2}.ocean-home-v06c .visual-category-card-image:after{content:"→";align-self:end;justify-self:start;color:#0f172a;font-size:1.5rem;font-weight:900;line-height:1}.ocean-home-v06c .visual-category-photo{grid-column:2;grid-row:1 / 4;height:138px;width:100%;background:transparent;border-radius:12px}.ocean-home-v06c .visual-category-photo img{width:112%;height:112%;object-fit:contain;transform:scale(1.02) translate(-2%);mix-blend-mode:multiply}.ocean-home-v06c .hero-feature-cards-v06c button{display:grid;grid-template-columns:72px 1fr auto;min-height:96px;overflow:hidden}.ocean-home-v06c .hero-feature-cards-v06c button>strong,.ocean-home-v06c .hero-feature-cards-v06c button>small{grid-column:2}.ocean-home-v06c .hero-feature-cards-v06c .mini-dieline{width:58px;height:58px;grid-row:1 / 3;justify-self:center}.ocean-home-v06c .hero-feature-cards-v06c button:nth-child(2) strong{line-height:1.05;max-width:110px}.ocean-dieline-3d-viewer canvas{border-radius:24px}.v23-3d-card{background:linear-gradient(180deg,#f8fbff,#eef5fc)}.v23-dieline-card{min-width:420px}.v23-dieline-svg{background:#fff}.v23-panel-label{font-size:13px;font-weight:800;fill:#1f2937}.v23-panel-rect{fill:#60a5fa0b}.v23-panel-rect.active{fill:#3b82f621;stroke-width:3}@media(max-width:1180px){.ocean-home-v06c .mockup-grid-v06c{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.ocean-home-v06c .mockup-grid-v06c{grid-template-columns:1fr}.ocean-home-v06c .visual-category-card-image{grid-template-columns:1fr 1fr}}.ocean-topbar.nav-light{background:#fffffff5;border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 1px #0f172a05}.ocean-topbar-inner{height:62px;max-width:1240px;padding:0 24px;gap:20px}.ocean-brand-mark{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#0b82d8,#2dd4bf);box-shadow:none}.ocean-brand .nav-brand-name{font-size:.98rem;color:#0f172a;letter-spacing:0}.ocean-nav-links{justify-content:center;gap:4px}.ocean-nav-links .nav-item{padding:.46rem .72rem;border-radius:8px;color:#475569;font-size:.84rem}.ocean-nav-links .nav-muted{color:#94a3b8}.nav-divider{background:#e5e7eb}.nav-lang-select{height:34px;max-width:116px;border-radius:8px;border-color:#e2e8f0;color:#475569;font-size:.76rem}.ocean-workspace-btn{height:36px;border-radius:8px;padding:0 .95rem;background:#0f172a;box-shadow:none}.ocean-home-v06c{--home-ink: #111827;--home-muted: #64748b;--home-border: #e5edf6;--home-blue: #0b82d8;background:#f7fafc}.ocean-hero-v06c{min-height:auto;padding:64px 24px 34px;background:radial-gradient(circle at 18% 12%,rgba(14,165,233,.14),transparent 26%),radial-gradient(circle at 86% 18%,rgba(45,212,191,.12),transparent 24%),linear-gradient(180deg,#f8fbff,#eef6fb)}.hero-grid-bg{opacity:.35;background-size:44px 44px}.hero-content-v06c{width:min(930px,100%)}.module-pill{margin-bottom:14px;border-radius:8px;border-color:#dbeafe;box-shadow:none}.hero-content-v06c h1{max-width:820px;font-size:clamp(2.25rem,5vw,4.15rem);line-height:1.02;letter-spacing:0;color:var(--home-ink)}.hero-content-v06c p{max-width:680px;margin-bottom:22px;color:var(--home-muted);font-size:1rem}.hero-search-v06c{width:min(620px,100%);border-radius:12px;box-shadow:0 16px 40px #0f172a14}.hero-search-v06c button,.primary-action{background:#0f172a;box-shadow:none}.secondary-action{background:#fff;color:#0f172a}.hero-feature-cards-v06c{width:min(840px,100%);gap:14px;margin-top:24px}.hero-feature-cards-v06c button,.ocean-home-v06c .hero-feature-cards-v06c button{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;align-items:center;min-height:112px;border-radius:12px;border:1px solid var(--home-border);padding:16px;background:#ffffffeb;box-shadow:0 14px 30px #0f172a0f}.ocean-home-v06c .hero-feature-cards-v06c button>.mini-pack,.ocean-home-v06c .hero-feature-cards-v06c button>.mini-dieline{grid-row:1 / 3;width:48px;height:48px;justify-self:center}.ocean-home-v06c .hero-feature-cards-v06c button>strong,.ocean-home-v06c .hero-feature-cards-v06c button>small{grid-column:2;max-width:none;line-height:1.25}.ocean-home-v06c .hero-feature-cards-v06c button>strong{font-size:.92rem}.module-strip-v06c{gap:24px;padding:12px 20px;background:#0f172a;color:#e2e8f0}.visual-section-v06c,.ocean-home-v06c .visual-section-v06c{max-width:1180px;padding:54px 24px}.soft-blue-section{max-width:none;background:#eef6fb;padding-left:max(24px,calc((100% - 1180px)/2 + 24px));padding-right:max(24px,calc((100% - 1180px)/2 + 24px))}.section-kicker{color:var(--home-blue);letter-spacing:.11em}.section-title-row-v06c{margin-bottom:20px}.section-title-row-v06c h2,.tools-story-section-v06c h2,.workflow-section-v06c h2{color:var(--home-ink);font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:0}.section-title-row-v06c button{display:inline-flex;align-items:center;gap:8px;color:#0f172a}.section-title-row-v06c button:after{content:">";font-size:.9rem}.visual-category-grid{gap:14px}.mockup-grid-v06c,.ocean-home-v06c .mockup-grid-v06c,.dieline-grid-v06c{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-category-card,.ocean-home-v06c .visual-category-card-image{min-height:158px;border:1px solid var(--home-border);border-radius:12px;padding:14px;background:#fff;box-shadow:none;text-align:left}.visual-category-card:hover,.ocean-home-v06c .visual-category-card-image:hover{border-color:#b7d7ee;box-shadow:0 14px 34px #0f172a14}.ocean-home-v06c .visual-category-card-image{display:grid;grid-template-columns:1fr;grid-template-rows:112px auto auto}.ocean-home-v06c .visual-category-card-image:after{content:none}.ocean-home-v06c .visual-category-photo{grid-column:1;grid-row:1;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:112px;margin-bottom:12px;border-radius:10px;background:linear-gradient(135deg,#f8fafc,#eef6fb);overflow:hidden}.ocean-home-v06c .visual-category-photo .mini-pack{position:relative;z-index:1;opacity:.9}.ocean-home-v06c .visual-category-photo img{position:absolute;inset:8px;z-index:2;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;transform:none;mix-blend-mode:multiply}.visual-category-card strong,.ocean-home-v06c .visual-category-card-image strong{color:var(--home-ink);font-size:.94rem;line-height:1.25;max-width:none}.visual-category-card small,.ocean-home-v06c .visual-category-card-image small{margin-top:5px;color:var(--home-muted);font-size:.8rem}.dieline-card-v06c,.design-card-v06c{grid-template-columns:1fr;grid-template-rows:90px auto auto}.dieline-card-v06c .mini-dieline,.design-card-v06c .design-thumb{grid-row:1;justify-self:center;align-self:center}.tools-story-section-v06c{max-width:1180px;margin:20px auto 0;padding:54px 24px;border-radius:0;background:transparent;box-shadow:none}.tools-story-grid-v06c{gap:14px}.tool-story-card{min-height:164px;border-radius:12px;border-color:var(--home-border);background:#fff}.tool-bubble{border-radius:9px;font-size:.76rem}.ocean-difference-v06c{max-width:1180px;padding:54px 24px;gap:40px}.ocean-difference-v06c h2{letter-spacing:0;color:var(--home-ink)}.difference-stack-v06c article{border-radius:12px;border-color:var(--home-border);box-shadow:none}.workflow-section-v06c{max-width:1180px;padding:48px 24px 58px}.workflow-row-v06c{gap:12px}.workflow-step-v06c{border-radius:12px;border-color:var(--home-border);min-height:112px;justify-content:center}.workflow-step-v06c b{background:#0f172a}.cta-band-v06c{max-width:1180px;margin:0 auto 48px;border-radius:16px;background:linear-gradient(135deg,#0f172a,#16324f)}.cta-band-v06c h2{letter-spacing:0}.faq-wrap-v06c{padding:48px 24px 64px;background:#eef6fb}.faq-section{max-width:860px}.faq-section .section-heading{margin-bottom:20px}.faq-item{border:1px solid var(--home-border);border-radius:12px}.faq-question{padding:18px 20px}.faq-chevron{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:1rem}.platform-footer{padding:44px 24px 24px;background:#0b1220}.footer-inner{max-width:1180px;grid-template-columns:minmax(190px,260px) 1fr;gap:48px}.footer-logo{font-size:1.05rem;font-weight:800;color:#fff}.footer-columns{gap:24px}.footer-col h4{font-size:.84rem}.footer-col li{line-height:1.45}.footer-bottom{max-width:1180px}@media(max-width:1100px){.mockup-grid-v06c,.ocean-home-v06c .mockup-grid-v06c,.dieline-grid-v06c,.design-grid-v06c,.tools-story-grid-v06c{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-row-v06c{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr}}@media(max-width:760px){.ocean-topbar-inner{padding:0 16px}.ocean-hero-v06c{padding:44px 16px 28px}.hero-content-v06c h1{font-size:2.15rem}.hero-search-v06c,.hero-action-row-v06c{align-items:stretch}.hero-feature-cards-v06c,.mockup-grid-v06c,.ocean-home-v06c .mockup-grid-v06c,.dieline-grid-v06c,.design-grid-v06c,.tools-story-grid-v06c,.workflow-row-v06c,.footer-columns{grid-template-columns:1fr}.visual-section-v06c,.ocean-home-v06c .visual-section-v06c,.soft-blue-section,.tools-story-section-v06c,.ocean-difference-v06c,.workflow-section-v06c{padding-left:16px;padding-right:16px}.section-title-row-v06c{align-items:flex-start}.cta-band-v06c{margin-bottom:0;border-radius:0}}.mockup-library-page{background:radial-gradient(circle at 10% 0%,rgba(14,165,233,.16),transparent 30rem),linear-gradient(180deg,#f6f9fc,#fff 58%)}.mockup-library-hero,.mockup-library-layout{max-width:1240px}.mockup-library-hero{grid-template-columns:minmax(0,1fr) 420px;padding:36px 24px 24px}.mockup-hero-copy,.mockup-hero-search-card,.mockup-filter-sidebar,.mockup-library-content{border-radius:14px;border-color:#e5edf6;box-shadow:none}.mockup-hero-copy{padding:34px;background:#fff}.mockup-hero-copy:after{display:none}.mockup-hero-copy h1{max-width:720px;letter-spacing:0;line-height:1.04;font-size:clamp(2rem,4vw,3.7rem)}.mockup-hero-copy p{max-width:680px}.mockup-hero-search-card{background:#fff}.mockup-hero-stats,.mockup-active-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.mockup-active-summary{justify-content:space-between;border-top:1px solid #e5edf6;padding-top:12px;color:#64748b;font-size:.82rem;font-weight:700}.mockup-library-layout{grid-template-columns:250px minmax(0,1fr);padding:0 24px}.mockup-filter-sidebar{top:78px;background:#fff}.mockup-library-content{background:transparent;border:0;padding:0}.mockup-featured-panel{padding:18px;margin-bottom:22px;border:1px solid #dbeafe;border-radius:14px;background:linear-gradient(180deg,#eff6ff,#fff)}.featured-mockup-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:0}.featured-mockup-card{border-radius:12px;border-color:#cfe3f7;box-shadow:none;padding:10px}.featured-mockup-card small{display:block;margin-top:4px;color:#64748b;font-size:.72rem;font-weight:700;line-height:1.25}.mockup-thumb{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mockup-thumb>svg{width:58%;height:58%;opacity:.86;position:relative;z-index:1;filter:drop-shadow(0 18px 20px rgba(15,23,42,.1))}.mockup-thumb>img{position:absolute;inset:10px;z-index:2;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;mix-blend-mode:multiply;background:transparent}.featured-mockup-visual{height:124px;border-radius:10px}.catalog-title-row{padding:18px 0 12px;border-top:1px solid #e5edf6}.mockup-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mockup-product-card{min-height:458px;border-radius:14px;border-color:#e5edf6;box-shadow:none;cursor:pointer}.mockup-product-card:hover{border-color:#b7d7ee;box-shadow:0 16px 34px #0f172a14}.mockup-card-preview{height:214px;background:#f8fafc}.mockup-card-preview>.mockup-thumb{height:100%}.mockup-card-preview>svg,.featured-mockup-visual>svg{width:auto;height:auto;opacity:1}.mockup-card-image,.featured-mockup-image{display:none}.mockup-card-badges{left:12px;right:12px;justify-content:space-between}.mockup-card-badges span{background:#0f172ae0;text-transform:capitalize}.mockup-card-body{padding:15px}.mockup-card-body h3{font-size:1.02rem;letter-spacing:0}.mockup-card-body p{min-height:54px}.mockup-card-meta span,.mockup-tag-row span{border-radius:8px}.mockup-card-actions{grid-template-columns:1fr 1fr}.mockup-card-actions button{border-radius:9px}.library-secondary-action:disabled{opacity:.5;cursor:not-allowed}.mockup-pagination{flex-wrap:wrap}.mockup-pagination button{min-width:38px;padding:0 10px}@media(max-width:1180px){.mockup-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.mockup-library-hero{grid-template-columns:1fr;padding:24px 16px 16px}.mockup-library-layout{grid-template-columns:1fr;padding:0 16px}.featured-mockup-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.mockup-card-grid,.featured-mockup-strip{grid-template-columns:1fr}.mockup-hero-copy{padding:24px}}.dieline-category-card-section{max-width:1380px;margin:0 auto 1.5rem;padding:0 2rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}.dieline-category-card{min-height:170px;border:1px solid #dbe7f5;border-radius:16px;background:#fff;padding:1rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 10px 28px #0f172a0b;transition:border-color .2s,box-shadow .2s,transform .2s}.dieline-category-card:hover,.dieline-category-card.active{border-color:#7cc7f3;box-shadow:0 16px 34px #0e74901a;transform:translateY(-2px)}.dieline-category-card svg{width:62px;height:62px}.dieline-category-card span{color:#0f172a;font-weight:900;font-size:.95rem}.dieline-category-card small{color:#0b82d8;font-weight:800;font-size:.74rem}.dieline-category-card p{margin:0;color:#64748b;line-height:1.45;font-size:.78rem}.template-preview-split{width:100%;border:0;background:transparent;padding:0;cursor:pointer}.template-spec-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.template-spec-row span{min-width:0}.dieline-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.45rem;padding:1.5rem 0 .25rem}.dieline-pagination button{min-width:38px;height:36px;border:1px solid #dbe7f5;background:#fff;color:#334155;border-radius:10px;cursor:pointer;font-weight:900}.dieline-pagination button.active{background:#0b82d8;border-color:#0b82d8;color:#fff}.dieline-pagination button:disabled{opacity:.45;cursor:not-allowed}.dieline-detail-page .detail-layout{align-items:stretch}.dieline-detail-preview-stack{width:100%;min-height:360px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:1rem}.dieline-detail-preview-stack>svg{width:100%;max-height:310px}.dieline-detail-preview-stack>svg+svg{width:100%;max-height:180px;opacity:.95}.dieline-detail-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.dieline-detail-meta-grid div,.dieline-export-note,.detail-not-found{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:1rem}.dieline-detail-meta-grid strong,.dieline-export-note strong{display:block;color:#0f172a;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.dieline-detail-meta-grid span,.dieline-export-note p{margin:0;color:#64748b;line-height:1.55;font-size:.9rem}.detail-not-found{max-width:680px;margin:2rem auto;text-align:center}@media(max-width:1180px){.dieline-category-card-section{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.dieline-category-card-section{grid-template-columns:1fr;padding:0 1rem}.dieline-detail-preview-stack,.dieline-detail-meta-grid,.template-spec-row{grid-template-columns:1fr}}.placement-workspace-panel{border-left:4px solid #0b82d8}.studio-apply-row{display:grid;grid-template-columns:1fr;gap:.6rem;margin-top:.9rem}.studio-create-ai-btn:disabled{opacity:.5;cursor:not-allowed}.applied-surface-list{margin-top:1rem;border-top:1px solid #e2e8f0;padding-top:.9rem;display:grid;gap:.5rem}.applied-surface-list button{border:1px solid #dbeafe;background:#f8fbff;border-radius:10px;padding:.65rem;text-align:left;cursor:pointer}.applied-surface-list span{display:block;color:#0f172a;font-weight:900;text-transform:uppercase;font-size:.72rem}.applied-surface-list small{display:block;color:#64748b;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis}.v23-panel-rect.has-artwork{fill:#10b98129;stroke:#10b981;stroke-width:3}.v23-3d-card{background:linear-gradient(180deg,#f9fbfd,#eef4f8)}.ocean-dieline-3d-viewer{background:transparent}.asset-thumbnail{--thumb-color: #0b82d8;--thumb-accent: #dbeafe;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;background:radial-gradient(circle at 76% 16%,color-mix(in srgb,var(--thumb-accent) 62%,transparent),transparent 34%),radial-gradient(circle at 18% 84%,color-mix(in srgb,var(--thumb-color) 18%,transparent),transparent 30%),linear-gradient(135deg,#fff,#edf6fb)}.asset-thumbnail:before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.74);border-radius:inherit;background:linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px);background-size:18px 18px;opacity:.62;z-index:0}.asset-thumbnail:after{content:"";position:absolute;left:18%;right:18%;bottom:12%;height:12px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(15,23,42,.12),transparent 70%);z-index:0}.asset-thumbnail-fallback{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%}.asset-thumbnail-fallback svg{max-width:92%;max-height:92%;filter:drop-shadow(0 18px 22px rgba(15,23,42,.14))}.asset-thumbnail-image{position:absolute;inset:8px;z-index:2;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;mix-blend-mode:multiply}.mockup-thumb.asset-thumbnail,.featured-mockup-visual.asset-thumbnail,.visual-category-photo.asset-thumbnail{width:100%;height:100%}.template-dieline-thumb.asset-thumbnail,.dieline-category-thumb.asset-thumbnail{width:100%;height:100%;border-radius:12px}.ocean-home-v06c .visual-category-photo.asset-thumbnail .asset-thumbnail-image,.mockup-thumb.asset-thumbnail>.asset-thumbnail-image,.featured-mockup-visual.asset-thumbnail>.asset-thumbnail-image{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;transform:none;background:transparent;mix-blend-mode:multiply}.ocean-home-v06c .visual-category-photo.asset-thumbnail .asset-thumbnail-fallback svg,.mockup-thumb.asset-thumbnail .asset-thumbnail-fallback svg,.featured-mockup-visual.asset-thumbnail .asset-thumbnail-fallback svg{position:static;width:auto;height:auto;max-width:96%;max-height:96%;opacity:1}.generated-mockup-svg,.generated-dieline-svg{width:min(92%,260px);height:min(92%,220px);display:block}.visual-category-photo .generated-mockup-svg,.mockup-card-preview .generated-mockup-svg,.featured-mockup-visual .generated-mockup-svg{width:min(96%,270px);height:min(96%,230px)}.asset-thumbnail-dieline .generated-dieline-svg,.dieline-category-thumb .generated-dieline-svg,.template-dieline-thumb .generated-dieline-svg{width:min(96%,260px);height:min(92%,210px)}:root{--ocean-ink: #102033;--ocean-muted: #64748b;--ocean-line: #d9e4ef;--ocean-panel: #ffffff;--ocean-soft: #f5f8fb;--ocean-blue: #0b82d8;--ocean-cyan: #09b6d8;--ocean-green: #14b884;--ocean-shadow: 0 18px 48px rgba(16, 32, 51, .1)}.app-shell{background:#f6f9fc;color:var(--ocean-ink)}.app-header.ocean-header{position:sticky;top:0;z-index:40;background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,228,239,.92)}.nav-container.ocean-nav{max-width:1440px;min-height:68px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.nav-brand.ocean-brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;border:0;background:transparent;cursor:pointer}.ocean-brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#09263d,#0b82d8);color:#fff;font-weight:900;box-shadow:0 10px 22px #0b82d838}.nav-brand-name{font-size:1.01rem;font-weight:900;letter-spacing:0;color:var(--ocean-ink)}.ocean-nav-links{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}.nav-item{border:0;background:transparent;color:#526276;font-weight:760;font-size:.9rem;padding:9px 11px;border-radius:9px;cursor:pointer;white-space:nowrap}.nav-item:hover,.nav-item.nav-active{background:#eaf5fc;color:#075e9f}.nav-muted{color:#7a8796;font-weight:700}.nav-divider{width:1px;height:24px;background:var(--ocean-line);margin:0 5px}.ocean-nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.nav-lang-select{height:38px;max-width:132px;border:1px solid var(--ocean-line);border-radius:9px;background:#fff;color:var(--ocean-ink);font-weight:720;padding:0 10px}.ocean-workspace-btn,.primary-action,.btn-detail-primary,.library-secondary-action,.btn-primary-sm,.studio-export-btn,.studio-create-ai-btn{background:linear-gradient(135deg,#08243a,#0b82d8);color:#fff;border:0;box-shadow:0 12px 26px #0b82d833}.ocean-workspace-btn{min-height:40px;border-radius:10px;padding:0 15px;font-weight:850}.nav-hamburger{display:none}.ocean-home-v06c{background:#f6f9fc}.ocean-hero-v06c{position:relative;min-height:auto;padding:56px 28px 28px;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(9,182,216,.17),transparent 32%),linear-gradient(180deg,#f8fcff,#edf6fb);border-bottom:1px solid #dceaf3}.hero-grid-bg{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.045) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 88%);mask-image:linear-gradient(180deg,#000,transparent 88%)}.hero-content-v06c{position:relative;max-width:1180px;margin:0 auto;display:grid;justify-items:center;text-align:center}.module-pill,.platform-eyebrow,.section-kicker,.eyebrow{display:inline-flex;align-items:center;width:fit-content;border:1px solid #c8e5f5;background:#eef8fc;color:#075e9f;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero-content-v06c h1{max-width:900px;margin:18px 0 16px;font-size:clamp(2.45rem,4.5vw,4.7rem);line-height:.98;letter-spacing:0;color:#0b1f33}.hero-content-v06c h1 span{color:#0b82d8}.hero-content-v06c p{max-width:720px;margin:0;color:#536578;font-size:1.08rem;line-height:1.65}.hero-search-v06c{width:min(760px,100%);margin:26px auto 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;border:1px solid #d6e6f2;border-radius:16px;background:#ffffffeb;box-shadow:var(--ocean-shadow)}.hero-search-v06c input,.mockup-search-row input,.dieline-search-input{min-width:0;border:0;outline:0;background:transparent;color:var(--ocean-ink);font-size:.98rem}.hero-search-v06c button{min-height:42px;border:0;border-radius:12px;padding:0 18px;background:#0b1f33;color:#fff;font-weight:850}.hero-action-row-v06c,.detail-cta-group,.mockup-card-actions,.template-card-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-action-row-v06c button,.detail-cta-group button,.mockup-card-actions button,.template-card-actions button{min-height:42px;border-radius:11px;padding:0 15px;font-weight:850;cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}.secondary-action,.btn-detail-secondary,.mockup-card-actions button:not(.primary),.btn-outline-sm,.studio-link-btn,.studio-outline-btn{border:1px solid #cddfeb;background:#fff;color:#17324a}.hero-feature-cards-v06c{width:min(1080px,100%);margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hero-feature-cards-v06c button{min-height:150px;text-align:left;border:1px solid rgba(203,224,237,.95);border-radius:16px;background:#ffffffeb;padding:18px;display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:center;box-shadow:0 16px 36px #10203314}.hero-feature-cards-v06c strong{display:block;color:var(--ocean-ink);font-size:1.05rem;margin-bottom:5px}.hero-feature-cards-v06c small{color:var(--ocean-muted);line-height:1.45}.module-strip-v06c{max-width:1180px;margin:18px auto 0;padding:12px 28px;display:flex;justify-content:space-between;gap:16px;color:#65778a;font-size:.88rem}.visual-section-v06c,.tools-story-section-v06c,.ocean-difference-v06c,.workflow-section-v06c,.faq-wrap-v06c{max-width:1240px;margin:0 auto;padding:48px 28px}.soft-blue-section{max-width:none;padding-left:max(28px,calc((100vw - 1240px)/2 + 28px));padding-right:max(28px,calc((100vw - 1240px)/2 + 28px));background:linear-gradient(180deg,#eef7fc,#f8fbfd);border-block:1px solid #dceaf3}.section-title-row-v06c,.mockup-section-title-row,.section-heading-row,.results-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:12px 0 20px}.section-title-row-v06c h2,.tools-story-section-v06c h2,.workflow-section-v06c h2,.mockup-section-title-row h2,.results-heading h2{margin:0;color:var(--ocean-ink);font-size:clamp(1.55rem,2.2vw,2.35rem);line-height:1.12}.section-title-row-v06c button,.text-button{border:1px solid #cddfeb;border-radius:10px;background:#fff;color:#0b6eae;font-weight:850;min-height:38px;padding:0 13px}.visual-category-grid{display:grid;gap:18px}.mockup-grid-v06c,.dieline-grid-v06c{grid-template-columns:repeat(4,minmax(0,1fr))}.design-grid-v06c{grid-template-columns:repeat(5,minmax(0,1fr))}.visual-category-card{position:relative;min-height:260px;border:1px solid #d8e7f1;border-radius:18px;background:#fff;padding:14px;text-align:left;display:grid;grid-template-rows:1fr auto auto;gap:7px;cursor:pointer;box-shadow:0 14px 34px #10203312;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.visual-category-card:hover,.mockup-product-card:hover,.dieline-template-card:hover,.featured-mockup-card:hover,.dieline-category-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px #1020331f;border-color:#b8d9ec}.visual-category-photo,.design-thumb,.mini-dieline,.dieline-card-v06c .mini-dieline{min-height:155px;border-radius:14px;border:1px solid #e0edf5}.visual-category-card strong{color:#102033;font-size:1rem;line-height:1.25}.visual-category-card small{color:var(--ocean-muted);font-weight:720}.card-arrow{position:absolute;right:14px;bottom:14px;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#edf7fd;color:#075e9f;font-weight:900}.dieline-card-v06c{min-height:250px}.dieline-card-v06c .mini-dieline{background:linear-gradient(90deg,transparent 49%,rgba(59,130,246,.18) 50%,transparent 51%),linear-gradient(#fff,#f7fbfd);display:grid;place-items:center}.design-thumb{background:linear-gradient(135deg,#ffffffbf,#ffffff1a),linear-gradient(135deg,#0b82d8,#14b884);position:relative;overflow:hidden}.design-thumb span,.design-thumb i,.design-thumb b{position:absolute;display:block;background:#ffffffd9;border-radius:12px}.design-thumb span{left:18px;top:22px;width:56%;height:18px}.design-thumb i{left:18px;top:56px;width:42%;height:58px}.design-thumb b{right:18px;bottom:20px;width:38%;height:70px}.tools-story-grid-v06c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-story-card{min-height:190px;border:1px solid #d8e7f1;border-radius:18px;background:linear-gradient(135deg,#ffffffeb,#f6fafdf2),radial-gradient(circle at 78% 20%,rgba(11,130,216,.16),transparent 34%);padding:20px;text-align:left;display:grid;align-content:start;gap:12px;box-shadow:0 14px 34px #10203312}.tool-bubble{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#0b82d8;color:#fff;font-weight:900}.tool-story-card h3,.tool-story-card p{margin:0}.tool-story-card p{color:var(--ocean-muted);line-height:1.55}.mockup-library-page,.ocean-dieline-page,.detail-page{background:#f6f9fc;min-height:100vh;padding-bottom:48px}.mockup-library-hero,.dieline-hero{max-width:1240px;margin:0 auto;padding:42px 28px 24px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:stretch}.mockup-hero-copy,.dieline-hero-copy,.mockup-hero-search-card,.dieline-hero-panel{border:1px solid #d8e7f1;border-radius:20px;background:#fff;box-shadow:var(--ocean-shadow)}.mockup-hero-copy,.dieline-hero-copy{padding:34px;background:radial-gradient(circle at 90% 10%,rgba(9,182,216,.16),transparent 34%),#fff}.mockup-hero-copy h1,.dieline-hero-copy h1{margin:14px 0 12px;color:var(--ocean-ink);font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.02}.mockup-hero-copy p,.dieline-hero-copy p{max-width:720px;color:var(--ocean-muted);line-height:1.65;font-size:1rem}.mockup-hero-search-card{padding:22px;display:grid;gap:14px}.mockup-search-row,.dieline-search-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid #d8e7f1;border-radius:13px;background:#f8fbfd;min-height:48px;padding:0 12px}.mockup-hero-stats,.mockup-active-summary,.hero-stats{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--ocean-muted)}.mockup-library-layout{max-width:1240px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.mockup-filter-sidebar{position:sticky;top:86px;border:1px solid #d8e7f1;border-radius:18px;background:#fff;padding:18px;box-shadow:0 12px 30px #10203312}.filter-block{display:grid;gap:7px;margin-top:15px}.filter-block label,.mockup-hero-search-card label{color:#33485c;font-weight:850;font-size:.82rem}.filter-block select,.dieline-select-grid select{min-height:42px;border:1px solid #d8e7f1;border-radius:10px;background:#f8fbfd;color:var(--ocean-ink);padding:0 10px}.quick-filter-list{display:flex;flex-wrap:wrap;gap:8px}.quick-filter-list button{border:1px solid #d8e7f1;background:#fff;color:#526276;border-radius:999px;padding:7px 10px;font-weight:760}.quick-filter-list button.active{background:#eaf5fc;color:#075e9f;border-color:#b8d9ec}.mockup-featured-panel{border:1px solid #d8e7f1;border-radius:20px;background:#fff;padding:20px;box-shadow:var(--ocean-shadow)}.featured-mockup-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.featured-mockup-card{position:relative;min-height:250px;border:1px solid #d8e7f1;border-radius:16px;background:#f9fcfe;padding:12px;text-align:left;display:grid;grid-template-rows:150px auto auto;gap:8px;cursor:pointer}.featured-mockup-card em{position:absolute;left:20px;top:20px;z-index:4;border-radius:999px;padding:5px 8px;background:#ffffffe6;color:#075e9f;font-size:.7rem;font-style:normal;font-weight:900}.featured-mockup-card.studio-pending em,.mockup-card-badges .pending{color:#8a5b05;background:#fff7df}.featured-mockup-visual{border-radius:13px}.featured-mockup-card span,.mockup-product-card h3,.dieline-template-card h3{color:var(--ocean-ink);font-weight:900}.featured-mockup-card small{color:var(--ocean-muted)}.catalog-title-row{margin-top:26px}.mockup-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mockup-product-card{min-height:520px;border:1px solid #d8e7f1;border-radius:18px;background:#fff;overflow:hidden;cursor:pointer;display:grid;grid-template-rows:230px 1fr;box-shadow:0 14px 34px #10203312}.mockup-card-preview{position:relative;background:linear-gradient(135deg,#f8fbfd,#eaf5fc);border-bottom:1px solid #e2edf5}.mockup-card-badges{position:absolute;left:12px;right:12px;top:12px;z-index:5;display:flex;flex-wrap:wrap;gap:6px}.mockup-card-badges span,.template-badges span,.output-chip{border-radius:999px;padding:5px 8px;background:#ffffffeb;color:#075e9f;font-size:.7rem;font-weight:900}.mockup-card-badges .ready{color:#047857;background:#dcfce7}.mockup-card-body{padding:16px;display:grid;align-content:start;gap:9px}.mockup-card-kicker,.template-category{color:#0b82d8;font-size:.73rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.mockup-product-card h3,.mockup-product-card p{margin:0}.mockup-product-card p{color:var(--ocean-muted);line-height:1.5;min-height:66px}.mockup-card-meta,.mockup-tag-row,.template-format-row,.template-spec-row{display:flex;flex-wrap:wrap;gap:7px}.mockup-card-meta span,.mockup-tag-row span,.template-format-row span,.template-spec-row span{border:1px solid #e2edf5;background:#f8fbfd;border-radius:999px;color:#526276;padding:5px 8px;font-size:.75rem;font-weight:760}.mockup-card-actions{margin-top:auto;padding-top:8px}.mockup-card-actions .primary{background:#0b82d8;color:#fff;border:0}.dieline-search-shell,.dieline-category-card-section,.featured-template-band,.dieline-results-section,.dieline-howto-section{max-width:1240px;margin:0 auto;padding-left:28px;padding-right:28px}.dieline-search-shell{display:grid;gap:14px;margin-top:6px}.dieline-select-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dieline-select-grid label{display:grid;gap:6px;color:#33485c;font-weight:850;font-size:.82rem}.dieline-category-card-section{margin-top:28px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.dieline-category-card{min-height:250px;border:1px solid #d8e7f1;border-radius:18px;background:#fff;padding:14px;text-align:left;display:grid;grid-template-rows:128px auto auto 1fr;gap:8px;cursor:pointer;box-shadow:0 14px 34px #10203312}.dieline-category-card.active{border-color:#0b82d8;box-shadow:0 18px 42px #0b82d826}.dieline-category-thumb{background:#f8fbfd}.dieline-category-card span{color:var(--ocean-ink);font-weight:900}.dieline-category-card small,.dieline-category-card p{margin:0;color:var(--ocean-muted);line-height:1.45}.featured-template-band,.dieline-results-section,.dieline-howto-section{margin-top:28px}.featured-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.featured-mini-card{min-height:150px;border:1px solid #d8e7f1;border-radius:16px;background:#fff;padding:14px;display:grid;place-items:center;gap:9px;color:var(--ocean-ink);font-weight:850;box-shadow:0 12px 28px #1020330f}.dieline-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dieline-template-card{min-height:540px;border:1px solid #d8e7f1;border-radius:18px;background:#fff;overflow:hidden;display:grid;grid-template-rows:220px 1fr;box-shadow:0 14px 34px #10203312}.template-preview-area{position:relative;background:linear-gradient(135deg,#fbfdff,#edf7fb);border-bottom:1px solid #e2edf5}.template-badges{position:absolute;z-index:5;top:12px;left:12px;display:flex;gap:6px}.template-preview-split{width:100%;height:100%;border:0;background:transparent;display:grid;grid-template-columns:1.15fr .85fr;gap:8px;padding:18px;cursor:pointer}.template-dieline-side,.template-mockup-side{min-width:0;display:grid;place-items:center}.template-card-body{padding:16px;display:grid;align-content:start;gap:10px}.template-meta-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.template-difficulty{border-radius:999px;padding:5px 8px;background:#eef8fc;color:#075e9f;font-size:.72rem;font-weight:900}.template-card-body h3,.template-card-body p{margin:0}.template-card-body p{color:var(--ocean-muted);line-height:1.5;min-height:66px}.detail-page{padding:28px}.breadcrumb,.detail-layout,.related-section{max-width:1240px;margin-left:auto;margin-right:auto}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:24px;align-items:start}.detail-preview-box,.detail-info-col,.output-section,.related-section{border:1px solid #d8e7f1;border-radius:20px;background:#fff;box-shadow:var(--ocean-shadow)}.detail-preview-box{min-height:500px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#fbfdff,#edf7fb)}.detail-info-col{padding:24px}.studio-readiness-badge{margin-left:8px}.studio-readiness-badge.ready{color:#047857;background:#dcfce7;border-color:#bbf7d0}.studio-readiness-badge.pending{color:#8a5b05;background:#fff7df;border-color:#fde68a}.v27-template-not-ready{width:min(560px,calc(100% - 32px));margin:auto;border:1px solid #d8e7f1;border-radius:22px;background:radial-gradient(circle at 82% 18%,rgba(11,130,216,.14),transparent 36%),#fff;padding:28px;text-align:center;box-shadow:var(--ocean-shadow)}.v27-template-not-ready img{width:min(260px,80%);height:180px;object-fit:contain;display:block;margin:0 auto 18px;mix-blend-mode:multiply}.v27-template-not-ready h2{margin:0 0 10px;color:var(--ocean-ink)}.v27-template-not-ready p{color:var(--ocean-muted);line-height:1.55}.v23-3d-card,.v23-dieline-card{border-radius:20px;border:1px solid #d8e7f1;overflow:hidden}@media(max-width:1160px){.nav-container.ocean-nav{grid-template-columns:auto 1fr}.ocean-nav-links{display:none}.nav-hamburger{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid #d8e7f1;border-radius:10px;background:#fff}.mockup-grid-v06c,.dieline-grid-v06c,.mockup-card-grid,.dieline-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-grid-v06c,.dieline-category-card-section{grid-template-columns:repeat(3,minmax(0,1fr))}.mockup-library-hero,.dieline-hero,.detail-layout,.mockup-library-layout{grid-template-columns:1fr}.mockup-filter-sidebar{position:static}}@media(max-width:760px){.nav-container.ocean-nav,.ocean-hero-v06c,.visual-section-v06c,.tools-story-section-v06c,.ocean-difference-v06c,.workflow-section-v06c,.mockup-library-hero,.dieline-hero,.mockup-library-layout,.detail-page{padding-left:16px;padding-right:16px}.hero-feature-cards-v06c,.mockup-grid-v06c,.dieline-grid-v06c,.design-grid-v06c,.tools-story-grid-v06c,.featured-mockup-strip,.mockup-card-grid,.dieline-select-grid,.dieline-category-card-section,.featured-mini-grid,.dieline-template-grid{grid-template-columns:1fr}.module-strip-v06c,.section-title-row-v06c,.mockup-section-title-row,.section-heading-row,.results-heading{align-items:start;flex-direction:column}.hero-feature-cards-v06c button{grid-template-columns:62px 1fr}.mockup-product-card,.dieline-template-card{min-height:auto}}html{scroll-padding-top:78px}body{background:#f7fafc}.top-nav.ocean-topbar.app-header.ocean-header{height:auto;min-height:72px;background:#fffffff5!important;border-bottom:1px solid #dde8f0!important;box-shadow:0 8px 26px #1020330e}.top-nav-inner.ocean-topbar-inner.nav-container.ocean-nav{height:auto!important;min-height:72px!important;max-width:1320px!important;padding:0 28px!important;display:grid!important;grid-template-columns:minmax(190px,auto) minmax(0,1fr) minmax(230px,auto)!important;align-items:center!important;gap:24px!important}.ocean-brand{min-width:0}.ocean-brand-mark{font-size:0!important}.ocean-brand-mark:before{content:"O";font-size:1rem;line-height:1}.nav-brand-name{white-space:nowrap}.ocean-nav-links{justify-content:center!important;gap:2px!important}.ocean-nav-links .nav-item{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-size:.86rem!important;padding:8px 9px!important}.ocean-nav-actions{min-width:0}.nav-lang-select{max-width:118px!important}.ocean-workspace-btn{white-space:nowrap}.app-main:not(.editor-main){padding-top:0}.ocean-hero-v06c{padding:52px 28px 36px!important;background:#f7fafc!important;border-bottom:1px solid #e1ebf2}.hero-grid-bg{opacity:.22!important}.hero-content-v06c{max-width:1120px!important}.hero-content-v06c h1{max-width:860px!important;margin-top:16px!important;margin-bottom:14px!important;font-weight:950}.hero-content-v06c p{max-width:700px!important}.search-icon{font-size:0!important;width:26px;text-align:center}.search-icon:before{content:"Search";font-size:.72rem;font-weight:900;color:#64748b}.hero-feature-cards-v06c{align-items:stretch!important;grid-auto-rows:1fr}.hero-feature-cards-v06c button{min-height:138px!important;grid-template-columns:82px 1fr!important;align-items:center!important;border-radius:14px!important;padding:18px!important}.hero-feature-cards-v06c .mini-pack,.hero-feature-cards-v06c .mini-dieline{width:72px!important;height:72px!important;min-height:72px!important;border-radius:14px}.module-strip-v06c{max-width:1180px!important;margin:0 auto!important;padding-top:18px!important;padding-bottom:18px!important;border-bottom:1px solid #e4edf4}.visual-section-v06c,.tools-story-section-v06c,.ocean-difference-v06c,.workflow-section-v06c,.faq-wrap-v06c{max-width:1180px!important;padding-top:44px!important;padding-bottom:44px!important}.soft-blue-section{background:#f3f8fb!important;max-width:none!important}.section-title-row-v06c{margin-bottom:18px!important}.visual-category-card,.ocean-home-v06c .visual-category-card-image,.dieline-card-v06c,.design-card-v06c{min-height:286px!important;border-radius:14px!important;padding:14px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:176px auto auto!important;align-content:start!important;gap:8px!important;background:#fff!important}.visual-category-photo,.visual-category-photo.asset-thumbnail,.visual-category-card .mini-dieline,.dieline-card-v06c .mini-dieline,.design-thumb{width:100%!important;height:176px!important;min-height:176px!important;border-radius:12px!important}.visual-category-card strong{min-height:38px;font-size:.98rem!important}.visual-category-card small{padding-right:38px}.card-arrow{font-size:0!important;bottom:13px!important}.card-arrow:before{content:">";font-size:.9rem;line-height:1}.tools-story-grid-v06c{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tool-story-card{min-height:210px!important;border-radius:14px!important;background:linear-gradient(180deg,#fffffff5,#f9fcfef5)!important}.mockup-library-hero,.dieline-hero{max-width:1180px!important;grid-template-columns:minmax(0,1fr) 390px!important;padding-top:34px!important}.mockup-hero-copy,.dieline-hero-copy,.mockup-hero-search-card,.dieline-hero-panel,.mockup-featured-panel,.mockup-filter-sidebar,.detail-preview-box,.detail-info-col{border-radius:16px!important;box-shadow:0 14px 34px #10203313!important}.mockup-library-layout{max-width:1180px!important;grid-template-columns:260px minmax(0,1fr)!important}.featured-mockup-card{min-height:278px!important;grid-template-rows:172px auto auto!important;border-radius:14px!important;background:#fff!important}.featured-mockup-visual{height:172px!important;border-radius:12px!important}.mockup-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.mockup-product-card{min-height:545px!important;grid-template-rows:240px 1fr!important;border-radius:14px!important;background:#fff!important}.mockup-card-preview{background:#f4f8fb!important}.mockup-card-body{padding:15px!important;gap:8px!important}.mockup-product-card h3{font-size:1rem!important;line-height:1.22!important;min-height:40px}.mockup-product-card p{min-height:68px!important;font-size:.86rem!important}.mockup-card-actions{display:grid!important;grid-template-columns:1fr 1fr}.mockup-card-actions button{width:100%;padding:0 10px!important}.dieline-category-card-section,.featured-template-band,.dieline-results-section,.dieline-howto-section{max-width:1180px!important}.dieline-category-card{min-height:286px!important;grid-template-rows:148px auto auto 1fr!important;border-radius:14px!important}.dieline-category-thumb{height:148px!important;border-radius:12px!important}.dieline-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.dieline-template-card{min-height:555px!important;grid-template-rows:230px 1fr!important;border-radius:14px!important}.template-preview-area{background:#f7fafc!important}.template-card-body{padding:15px!important}.template-card-body h3{min-height:42px;font-size:1rem!important;line-height:1.24}.template-card-body p{min-height:70px!important;font-size:.86rem!important}.detail-page{background:#f7fafc!important}.detail-layout{max-width:1180px!important;grid-template-columns:minmax(0,1fr) 430px!important}.detail-preview-box{min-height:440px!important;background:#f4f8fb!important}.detail-title{font-size:clamp(1.75rem,2.4vw,2.7rem)!important;line-height:1.05!important}.v23-stage-grid{gap:14px!important;align-items:stretch!important}.v27-template-not-ready{border-radius:16px!important;background:#fff!important}.asset-thumbnail{background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--thumb-accent) 52%,transparent),transparent 32%),linear-gradient(180deg,#fff,#f1f7fb)!important}.asset-thumbnail:before{opacity:.38!important}@media(max-width:1180px){.top-nav-inner.ocean-topbar-inner.nav-container.ocean-nav{grid-template-columns:auto 1fr!important}.ocean-nav-links{display:none!important}.mockup-grid-v06c,.dieline-grid-v06c,.design-grid-v06c,.mockup-card-grid,.dieline-template-grid,.dieline-category-card-section{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mockup-library-hero,.dieline-hero,.detail-layout{grid-template-columns:1fr!important}}@media(max-width:760px){.top-nav-inner.ocean-topbar-inner.nav-container.ocean-nav{padding:0 14px!important;gap:10px!important}.nav-lang-select{display:none}.ocean-workspace-btn{padding:0 10px!important}.mockup-grid-v06c,.dieline-grid-v06c,.design-grid-v06c,.tools-story-grid-v06c,.featured-mockup-strip,.mockup-card-grid,.dieline-template-grid,.dieline-category-card-section{grid-template-columns:1fr!important}.visual-category-card,.ocean-home-v06c .visual-category-card-image,.dieline-card-v06c,.design-card-v06c{min-height:250px!important;grid-template-rows:150px auto auto!important}.visual-category-photo,.visual-category-photo.asset-thumbnail,.visual-category-card .mini-dieline,.dieline-card-v06c .mini-dieline,.design-thumb{height:150px!important;min-height:150px!important}.mockup-card-actions{grid-template-columns:1fr!important}.v23-side-panel{width:100%!important}}:root{--platform-bg: #f7fafc;--platform-surface: #ffffff;--platform-ink: #102033;--platform-muted: #617386;--platform-line: #dce7ef;--platform-blue: #0b82d8;--platform-green: #14b884;--platform-radius: 14px;--platform-shadow: 0 16px 40px rgba(16, 32, 51, .085)}.ocean-mockup-module{display:grid;gap:18px}.ocean-mockup-subnav-shell{position:sticky;top:0;z-index:5}.ocean-mockup-subnav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid rgba(220,231,239,.95);border-radius:20px;background:linear-gradient(180deg,#fffffffa,#f5f9fcf5);box-shadow:0 14px 32px #10203312}.ocean-mockup-subnav-copy{display:grid;gap:2px;min-width:168px}.ocean-mockup-subnav-copy strong{color:#102033;font-size:1rem;font-weight:900;letter-spacing:-.02em}.ocean-mockup-subnav-eyebrow{color:#0b82d8;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ocean-mockup-subnav-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ocean-mockup-subnav-tab{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid transparent;color:#53687b;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .18s ease}.ocean-mockup-subnav-tab:hover{background:#eef6fb;color:#102033}.ocean-mockup-subnav-tab.active{border-color:#cfe4f3;background:#102033;color:#fff;box-shadow:0 10px 22px #1020332e}@media(max-width:900px){.ocean-mockup-subnav{align-items:flex-start;flex-direction:column}.ocean-mockup-subnav-copy{min-width:0}.ocean-mockup-subnav-tabs{width:100%}}.mockups-main-v2 .mockup-sidebar-category-list{gap:3px}.mockups-main-v2 .mockup-category-tree-item{border:1px solid transparent;border-radius:11px;overflow:hidden}.mockups-main-v2 .mockup-category-tree-item.active{border-color:#a8b8c8;background:#f7fafc;box-shadow:0 2px #111827}.mockups-main-v2 .mockup-category-row{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto 16px;justify-content:initial!important;min-height:42px!important;padding:0 9px!important}.mockups-main-v2 .mockup-category-row svg,.mockups-main-v2 .mockup-refine-title svg{width:20px;height:20px}.mockups-main-v2 .mockup-category-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockups-main-v2 .mockup-category-row b{color:#0f172a;font-size:.9rem;text-align:center}.mockups-main-v2 .mockup-subcategory-tree{display:grid;max-height:260px;padding:3px 6px 8px 30px;overflow-y:auto;scrollbar-width:thin}.mockups-main-v2 .mockup-subcategory-tree button{min-height:31px!important;padding:0 7px!important;border-radius:7px!important;font-size:.7rem!important}.mockups-main-v2 .mockup-subcategory-tree button.active{background:#e9f5ff!important;color:#0369a1!important}.mockups-main-v2 .mockup-refine-panel{display:grid;gap:10px;padding-top:12px}.mockups-main-v2 .mockup-refine-title{display:flex;align-items:center;gap:8px;color:#111827;font-size:.78rem;font-weight:900}.mockups-main-v2 .mockup-refine-panel label{display:grid;gap:5px;color:#354154;font-size:.7rem;font-weight:800}.mockups-main-v2 .mockup-refine-panel select,.mockups-main-v2 .mockup-listing-controls select{min-height:36px;border:1px solid #d7e0e9;border-radius:9px;background:#fff;color:#172033;padding:0 9px;font-size:.75rem;font-weight:700}.mockups-main-v2 .catalog-view-toggle button{padding:7px 12px;border:0;border-radius:999px;background:transparent;color:#64748b;font-size:.76rem;font-weight:850;cursor:pointer}.mockups-main-v2 .catalog-view-toggle button.active{background:#111827;color:#fff}.mockups-main-v2 .mockup-card-grid.view-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mockups-main-v2 .mockup-card-grid.view-cards .mockup-product-card{min-height:350px!important;grid-template-columns:minmax(190px,44%) 1fr;grid-template-rows:1fr!important}.mockups-main-v2 .mockup-card-grid.view-cards .mockup-card-preview{min-height:350px!important;border-right:1px solid #e3eaf1;border-bottom:0}.mockups-main-v2 .mockup-material-summary{display:flex;align-items:center;gap:6px;color:#59677a;font-size:.66rem;font-weight:760}.mockups-main-v2 .mockup-material-summary>span,.mockups-main-v2 .mockup-material-color{display:block;width:16px;height:16px;flex:0 0 16px;padding:0!important;border:1px solid rgba(15,23,42,.18);border-radius:50%!important;box-shadow:inset -3px -3px 5px #0f172a29,inset 3px 3px 5px #ffffffb3}.mockups-main-v2 .mockup-listing-settings{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:14px 18px;border:1px solid #dfe7f0;border-radius:14px;background:#fffffff5;box-shadow:0 10px 28px #0f172a0d}.mockups-main-v2 .mockup-listing-status,.mockups-main-v2 .mockup-listing-controls,.mockups-main-v2 .mockup-listing-status nav{display:flex;align-items:center;gap:8px}.mockups-main-v2 .mockup-listing-status>span{margin-right:6px;color:#526174;font-size:.73rem}.mockups-main-v2 .mockup-listing-status nav button{min-width:32px;height:32px;border:1px solid #d5dee8;border-radius:8px;background:#fff;color:#334155;cursor:pointer}.mockups-main-v2 .mockup-listing-status nav button.active{border-color:#111827;background:#111827;color:#fff}.mockups-main-v2 .mockup-listing-status nav button:disabled{opacity:.35;cursor:default}.mockups-main-v2 .listing-settings-label{color:#0f6b9a;font-size:.76rem;font-weight:850;white-space:nowrap}.mockups-main-v2 .material-view-toggle{display:flex;align-items:center;gap:6px;color:#465569;font-size:.72rem;font-weight:750;white-space:nowrap}.mockups-main-v2 .material-view-toggle input{accent-color:#7c3aed}@media(max-width:1100px){.mockups-main-v2 .mockup-listing-settings{align-items:flex-start;flex-direction:column}.mockups-main-v2 .mockup-card-grid.view-cards{grid-template-columns:1fr!important}}@media(max-width:720px){.mockups-main-v2 .mockup-listing-status,.mockups-main-v2 .mockup-listing-controls{width:100%;flex-wrap:wrap}.mockups-main-v2 .mockup-listing-status nav{flex-wrap:wrap}.mockups-main-v2 .mockup-card-grid.view-cards .mockup-product-card{grid-template-columns:1fr;grid-template-rows:220px 1fr!important}.mockups-main-v2 .mockup-card-grid.view-cards .mockup-card-preview{min-height:220px!important;border-right:0;border-bottom:1px solid #e3eaf1}}body,.app-root,.ocean-module-shell{background:var(--platform-bg);color:var(--platform-ink)}.top-nav.ocean-topbar.app-header.ocean-header{min-height:70px;background:#fffffff5!important;border-bottom:1px solid var(--platform-line)!important;box-shadow:0 8px 24px #1020330b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.top-nav-inner.ocean-topbar-inner.nav-container.ocean-nav{max-width:1480px!important;min-height:70px!important;height:auto!important;margin:0 auto;padding:0 24px!important;display:grid!important;grid-template-columns:auto minmax(620px,1fr) auto!important;align-items:center;gap:22px}.ocean-brand{display:inline-flex;gap:10px;align-items:center}.ocean-brand-mark{font-size:0!important;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#0b1f33,var(--platform-blue));color:#fff}.ocean-brand-mark:before{content:"O";font-size:1rem;line-height:34px}.nav-brand-name{font-weight:950;white-space:nowrap}.ocean-nav-links{display:flex;justify-content:center;gap:4px;min-width:0;overflow:visible}.ocean-nav-links .nav-item{padding:8px 9px!important;border-radius:9px;font-size:.82rem!important;font-weight:780;color:#4d6074;white-space:nowrap;max-width:none!important;overflow:visible!important;text-overflow:clip!important}.ocean-nav-links .nav-item:hover,.ocean-nav-links .nav-active{background:#eef7fc;color:#075e9f}.ocean-nav-actions{display:flex;align-items:center;gap:9px}.nav-lang-select{max-width:112px;height:38px;border-radius:9px;border:1px solid var(--platform-line)}.ocean-workspace-btn{height:40px;border-radius:10px;padding:0 12px;white-space:nowrap}.app-main>.home-view,.app-main>.mockup-library-page,.app-main>.ocean-dieline-page,.app-main>.catalog-page,.app-main>.detail-page,.app-main>.prototype-shell,.app-main>.vector-editor-page,.app-main>.mockup-studio-shell{display:block;width:100%}.nav-hamburger{font-size:0!important}.nav-hamburger:before{content:"Menu";font-size:.78rem;font-weight:900}.hero-search-v06c .search-icon,.mockup-search-row .search-icon,.dieline-search-main .search-icon{width:18px;min-width:18px;font-size:0!important}.hero-search-v06c .search-icon:before,.mockup-search-row .search-icon:before,.dieline-search-main .search-icon:before{content:"";display:block;width:10px;height:10px;border:2px solid #7b8da0;border-radius:999px;box-shadow:6px 6px 0 -4px #7b8da0;transform:rotate(45deg)}.platform-thumbnail{--thumb-color: var(--platform-blue);--thumb-accent: #dbeafe;position:relative;overflow:hidden;display:grid;place-items:center;min-height:120px;border-radius:12px;background:radial-gradient(circle at 78% 16%,color-mix(in srgb,var(--thumb-accent) 58%,transparent),transparent 33%),linear-gradient(180deg,#fff,#f0f7fb);border:1px solid #e0ebf2}.platform-thumbnail:before{content:"";position:absolute;inset:12px;border-radius:10px;background-image:linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px);background-size:18px 18px;opacity:.42}.platform-thumbnail:after{content:"";position:absolute;left:18%;right:18%;bottom:10%;height:14px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(16,32,51,.14),transparent 70%)}.platform-thumbnail-art,.platform-thumbnail img{position:relative;z-index:2}.platform-thumbnail-art{width:100%;height:100%;display:grid;place-items:center}.platform-thumbnail img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;mix-blend-mode:multiply}.platform-thumbnail-card{min-height:176px}.platform-thumbnail-hero{width:100%;min-height:390px}.platform-thumbnail-compact{min-height:76px}.platform-thumbnail svg{width:min(96%,280px);height:min(96%,230px)}.platform-thumbnail-hero svg{width:min(96%,420px);height:min(96%,360px)}.platform-design-preview{filter:drop-shadow(0 18px 22px rgba(16,32,51,.13))}.ocean-hero-v06c{padding:54px 24px 36px!important;background:#f7fafc!important;border-bottom:1px solid #e2ebf2}.hero-content-v06c{max-width:1100px!important}.hero-content-v06c h1{max-width:850px;font-weight:950;letter-spacing:0}.hero-feature-cards-v06c{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px}.hero-feature-cards-v06c button{min-height:142px!important;grid-template-columns:86px 1fr!important;grid-template-rows:auto auto!important;border-radius:var(--platform-radius)!important;background:var(--platform-surface)!important;border:1px solid var(--platform-line)!important;box-shadow:var(--platform-shadow);align-content:center!important}.hero-feature-thumb{width:76px;height:76px;min-height:76px;grid-row:1 / 3;grid-column:1}.hero-feature-cards-v06c strong,.hero-feature-cards-v06c small{grid-column:2}.hero-feature-cards-v06c strong{align-self:end;margin:0 0 4px!important;line-height:1.15}.hero-feature-cards-v06c small{align-self:start;color:var(--platform-muted);line-height:1.35}.visual-section-v06c,.tools-story-section-v06c,.ocean-difference-v06c,.workflow-section-v06c,.faq-wrap-v06c,.module-strip-v06c{max-width:1180px!important}.visual-section-v06c,.tools-story-section-v06c,.ocean-difference-v06c,.workflow-section-v06c,.faq-wrap-v06c{padding:46px 24px!important}.mockup-grid-v06c,.dieline-grid-v06c{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.design-grid-v06c{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}.visual-category-card,.ocean-home-v06c .visual-category-card-image,.dieline-card-v06c,.design-card-v06c{min-height:292px!important;padding:14px!important;border-radius:var(--platform-radius)!important;background:var(--platform-surface)!important;border:1px solid var(--platform-line)!important;box-shadow:0 13px 32px #10203312;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:182px auto auto!important;gap:8px!important}.visual-category-photo{height:182px!important;min-height:182px!important}.visual-category-card strong{min-height:38px;color:var(--platform-ink);font-size:.99rem!important}.visual-category-card small{color:var(--platform-muted);padding-right:38px}.card-arrow{font-size:0!important}.card-arrow:before{content:">";font-size:.9rem}.tools-story-grid-v06c{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px}.tool-story-card{min-height:210px!important;border-radius:var(--platform-radius)!important;background:#fff!important;border:1px solid var(--platform-line)!important}.mockup-library-hero,.dieline-hero,.mockup-library-layout,.dieline-search-shell,.dieline-category-card-section,.featured-template-band,.dieline-results-section,.dieline-howto-section,.detail-layout,.breadcrumb,.related-section{max-width:1180px!important}.mockup-library-hero,.dieline-hero{grid-template-columns:minmax(0,1fr) 390px!important;padding-top:34px!important}.mockup-hero-copy,.mockup-hero-search-card,.dieline-hero-copy,.dieline-hero-panel,.mockup-featured-panel,.mockup-filter-sidebar,.dieline-category-card,.dieline-template-card,.mockup-product-card,.detail-preview-box,.detail-info-col{border-radius:var(--platform-radius)!important;border:1px solid var(--platform-line)!important;background:#fff!important;box-shadow:var(--platform-shadow)}.mockup-library-layout{grid-template-columns:260px minmax(0,1fr)!important;gap:18px!important}.featured-mockup-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.featured-mockup-card{min-height:282px!important;grid-template-rows:176px auto auto!important;border-radius:var(--platform-radius)!important;background:#fff!important}.featured-mockup-visual{height:176px}.mockup-card-grid,.dieline-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.mockup-product-card{min-height:548px!important;grid-template-rows:242px 1fr!important}.mockup-card-preview,.template-preview-area{background:#f4f8fb!important}.mockup-card-body,.template-card-body{padding:15px!important}.mockup-product-card h3,.template-card-body h3{min-height:42px;font-size:1rem!important;line-height:1.24!important}.mockup-product-card p,.template-card-body p{min-height:68px!important;font-size:.86rem!important;line-height:1.5}.mockup-card-actions,.template-card-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.mockup-card-actions button,.template-card-actions button{width:100%;padding-inline:10px!important}.dieline-category-card-section{grid-template-columns:repeat(4,minmax(0,1fr))!important}.dieline-category-card{min-height:292px!important;grid-template-rows:150px auto auto 1fr!important}.dieline-category-thumb{min-height:150px}.dieline-template-card{min-height:560px!important;grid-template-rows:232px 1fr!important}.template-dieline-thumb,.template-mockup-thumb{width:100%;min-height:172px}.detail-layout{grid-template-columns:minmax(0,1fr) 430px!important;gap:22px!important}.detail-preview-box{min-height:450px!important;background:#f4f8fb!important}.detail-hero-thumbnail{width:100%;min-height:420px}.detail-secondary-thumbnail{width:100%;min-height:220px}.detail-info-col{padding:22px!important}.material-section{margin-top:14px}.detail-title{font-size:clamp(1.8rem,2.5vw,2.8rem)!important;line-height:1.06!important}.v23-workbench{gap:12px!important;background:#eef4f8!important}.v23-side-panel{width:min(360px,32vw)!important}.v23-canvas-area,.studio-canvas-area{padding:16px!important}.v23-3d-card{min-height:430px!important;background:#f7fafc!important}.ocean-dieline-3d-viewer{max-height:560px!important}.v27-template-not-ready{border-radius:var(--platform-radius)!important;background:#fff!important;border:1px solid var(--platform-line)!important}.studio-fallback-thumb{width:min(100%,360px);min-height:220px;margin:0 auto 18px}.studio-related-thumb{width:100%;min-height:86px;margin-bottom:8px}.hero-preview-stack .platform-thumbnail{width:100%;min-height:150px}@media(max-width:1180px){.top-nav-inner.ocean-topbar-inner.nav-container.ocean-nav{grid-template-columns:auto 1fr!important}.ocean-nav-links{display:none!important}.mockup-grid-v06c,.dieline-grid-v06c,.design-grid-v06c,.mockup-card-grid,.dieline-template-grid,.dieline-category-card-section{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mockup-library-hero,.dieline-hero,.detail-layout,.mockup-library-layout{grid-template-columns:1fr!important}}@media(max-width:760px){.top-nav-inner.ocean-topbar-inner.nav-container.ocean-nav{padding:0 14px!important;gap:10px}.nav-lang-select{display:none}.mockup-grid-v06c,.dieline-grid-v06c,.design-grid-v06c,.tools-story-grid-v06c,.featured-mockup-strip,.mockup-card-grid,.dieline-template-grid,.dieline-category-card-section{grid-template-columns:1fr!important}.visual-category-card,.ocean-home-v06c .visual-category-card-image,.dieline-card-v06c,.design-card-v06c{min-height:252px!important;grid-template-rows:152px auto auto!important}.visual-category-photo{height:152px!important;min-height:152px!important}.mockup-card-actions,.template-card-actions{grid-template-columns:1fr}.v23-side-panel{width:100%!important}}.platform-thumbnail.has-image .platform-thumbnail-art{opacity:0}.platform-thumbnail.has-image img{opacity:1}.platform-thumbnail.is-generated img,.platform-thumbnail img[src=""]{display:none}.visual-category-card .platform-thumbnail,.featured-mockup-card .platform-thumbnail,.mockup-product-card .platform-thumbnail,.dieline-category-card .platform-thumbnail,.dieline-template-card .platform-thumbnail{min-height:100%}.platform-thumbnail-dieline{background:#fff}.platform-thumbnail-dieline:before{display:none}.platform-thumbnail-dieline.has-image{background:#fff}.platform-thumbnail-dieline.has-image:before{display:none}.platform-thumbnail-dieline.has-image:after{display:none}.platform-thumbnail-dieline.has-image img{inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);mix-blend-mode:normal}.detail-preview-box .platform-thumbnail-dieline.has-image img{inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}.vector-editor-page{max-width:1440px;margin:0 auto;padding:28px clamp(18px,4vw,56px) 64px}.vector-editor-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:24px;align-items:end;margin-bottom:24px}.vector-editor-header h1{margin:8px 0 10px;font-size:clamp(32px,5vw,56px);line-height:.95;letter-spacing:0}.vector-editor-header p{max-width:760px;margin:0;color:var(--platform-muted);font-size:16px;line-height:1.65}.artwork-placement-screen{min-height:100vh;padding:20px;display:grid;gap:16px;background:radial-gradient(circle at top left,rgba(11,130,216,.06),transparent 28%),linear-gradient(180deg,#f6fafc,#edf4f8)}.artwork-placement-header,.artwork-placement-header.compact{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;border-radius:18px;background:#ffffffeb;border:1px solid rgba(220,231,239,.92);box-shadow:0 18px 40px #10203314}.artwork-placement-header .eyebrow{display:inline-flex;margin-bottom:10px;color:var(--platform-muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.12em}.artwork-placement-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.artwork-placement-body,.artwork-placement-body.compact{display:grid;grid-template-columns:260px minmax(0,1fr) 280px;gap:16px;align-items:start}.artwork-left-panel,.artwork-right-panel{display:grid;gap:14px;padding:16px;border-radius:18px;background:#fffffff0;border:1px solid rgba(220,231,239,.95);box-shadow:0 18px 40px #10203312}.artwork-left-panel .asset-panel-header,.artwork-right-panel .artwork-preview-header{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.asset-thumb-grid{display:grid;gap:12px;max-height:calc(100vh - 240px);overflow:auto}.asset-thumb{display:grid;gap:8px;width:100%;padding:12px;border-radius:16px;border:1px solid var(--platform-line);background:#f8fafc}.asset-thumb.active{border-color:var(--platform-blue);box-shadow:0 10px 24px #0b82d824}.asset-thumb-select{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;padding:0;border:0;background:transparent;text-align:left}.asset-thumb img{width:64px;height:64px;object-fit:cover;border-radius:12px}.asset-thumb span{font-size:.92rem;color:var(--platform-ink);overflow-wrap:anywhere}.asset-remove-btn{justify-self:end;padding:6px 10px;border-radius:999px;border:1px solid var(--platform-line);background:#fff;color:var(--platform-muted);font-size:.78rem}.asset-empty{padding:18px;border-radius:14px;background:#f1f5f9;color:var(--platform-muted)}.studio-upload-zone.small{padding:16px 18px}.studio-upload-zone.small strong{display:block;margin-bottom:6px}.studio-upload-zone.small small{color:var(--platform-muted)}.artwork-placement-stage{position:relative;min-height:clamp(420px,62vh,680px);height:clamp(420px,62vh,680px);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#ffffffdb,#f6fafcfa),radial-gradient(circle at top,#ffffffeb,#e8f1f7f2);border:1px solid rgba(212,224,234,.92);box-shadow:inset 0 0 0 1px #ffffff8c}.artwork-center-panel{display:grid;gap:12px}.placement-stage-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-radius:16px;background:#ffffffdb;border:1px solid rgba(220,231,239,.9)}.placement-stage-header strong,.artwork-preview-header h3{display:block;margin-bottom:4px}.placement-stage-header span,.placement-stage-meta span,.artwork-preview-header small,.asset-panel-header small{color:var(--platform-muted);font-size:.82rem}.dieline-flat-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dieline-hit-svg{position:absolute;inset:0;width:100%;height:100%}.dieline-focus-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.placement-clipped-preview-layer{position:absolute;inset:0;pointer-events:none}.placement-semantic-preview{position:absolute;inset:0;overflow:hidden}.placement-semantic-preview.active{filter:saturate(1.08) contrast(1.04)}.placement-semantic-preview-image{position:absolute;transform-origin:center center;overflow:hidden}.placement-semantic-preview-image img{width:100%;height:100%;display:block}.placement-region-shape{fill:#ffffff8f;stroke:#c5d4e180;stroke-width:1}.placement-region-shape.artwork-surface{fill:#ffffff5c}.placement-region-shape.surface-front{fill:#4377ff1f}.placement-region-shape.surface-back{fill:#c658dd1c}.placement-region-shape.surface-left{fill:#44a8881f}.placement-region-shape.surface-right{fill:#e063901c}.placement-region-shape.surface-top{fill:#f5c64221}.placement-region-shape.surface-bottom{fill:#37d6701c}.placement-region-shape.surface-flap{fill:#7d6ae31f}.placement-region-shape.utility-surface{fill:#f0f6fb2e}.placement-region-shape.slot-cutout{fill:#ffffff05}.placement-region-shape.active{fill:#2979ff2e;stroke:#2979ff57;stroke-width:1.35}.artwork-placement-stage.focus-hangtab .placement-region-shape:not(.surface-flap):not(.active){opacity:.48}.artwork-placement-stage.focus-front .placement-region-shape:not(.surface-front):not(.active){opacity:.56}.placement-dieline-path.cut{stroke:#be6a6a;stroke-width:2.15}.placement-dieline-path.fold{stroke:#83acd7;stroke-width:1.5;stroke-dasharray:8 8}.placement-dieline-path.safe{stroke:#e0ab45eb;stroke-width:1.25;stroke-dasharray:5 7}.placement-dieline-path.bleed{stroke:#c9d6e3b8;stroke-width:1.1;stroke-dasharray:6 8}.placement-dieline-path.glue{stroke:#d68f27d1;stroke-width:1.25;stroke-dasharray:3 6}.placement-region-label{fill:#5e7389;font-size:16px;font-weight:600;letter-spacing:-.01em}.placement-region-label.compact{font-size:14px}.placement-region-label.tiny{font-size:12px}.placement-region-label.micro{font-size:11px}.placement-region-label.utility{fill:#6273896b}.placement-region-label.offset-right{text-anchor:start}.placement-region-label.active{fill:#0f63d2}.placement-hit-region{fill:#fff0;stroke:#3c76c414;stroke-width:.9;cursor:pointer;transition:fill .18s ease,stroke .18s ease,opacity .18s ease}.placement-hit-region:hover{fill:#2777ed0d;stroke:#2777ed3d}.placement-hit-region.active{fill:#2777ed1a;stroke:#2777ed6b;stroke-width:1.35}.placement-focus-outline{fill:none;stroke:#2563ebd1;stroke-width:2.2;stroke-dasharray:10 7;filter:drop-shadow(0 0 10px rgba(37,99,235,.18))}.placement-focus-outline.surface-flap{stroke:#6d28d9eb;stroke-width:2.6}.placement-hit-region.fallback{stroke-dasharray:6 6;opacity:.82}.placement-layer{position:absolute;transform-origin:center center;border:1px solid transparent;border-radius:12px;cursor:default}.placement-layer.active{border-color:#0b82d89e;box-shadow:0 0 0 2px #0b82d824}.placement-layer:not(.active):not(.dragging){border-color:#0b82d814}.placement-layer.dragging{z-index:999!important}.placement-layer-clip{position:absolute;inset:0;overflow:hidden;border-radius:12px;background:#ffffffa8}.placement-layer.semantic-clipped .placement-layer-clip{background:#ffffff14}.placement-layer.semantic-clipped .placement-layer-clip img{opacity:.05}.placement-layer:not(.active) .layer-handle,.placement-layer:not(.active) .layer-toolbar{opacity:.18}.placement-layer.crop-mode .placement-layer-clip{box-shadow:inset 0 0 0 2px #0ea5e980}.placement-layer img{width:100%;height:100%;pointer-events:none;border-radius:10px}.layer-toolbar{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);display:flex;gap:6px;padding:6px;border-radius:999px;background:#fffffffa;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 26px #0f172a1a;white-space:nowrap;z-index:10}.layer-toolbar button{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#fff;color:var(--platform-ink);font-size:.72rem;font-weight:700}.layer-handle{position:absolute;display:grid;place-items:center}.resize-handle,.side-handle{width:12px;height:12px;padding:0;border-radius:999px;border:2px solid #0b82d8;background:#fff}.resize-handle.nw{top:-7px;left:-7px;cursor:nwse-resize}.resize-handle.ne{top:-7px;right:-7px;cursor:nesw-resize}.resize-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.resize-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.side-handle.n{top:-7px;left:calc(50% - 6px);cursor:ns-resize}.side-handle.s{bottom:-7px;left:calc(50% - 6px);cursor:ns-resize}.side-handle.e{top:calc(50% - 6px);right:-7px;cursor:ew-resize}.side-handle.w{top:calc(50% - 6px);left:-7px;cursor:ew-resize}.artwork-right-panel .placement-controls{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-right-panel label,.artwork-left-panel label{display:grid;gap:6px;font-size:.92rem}.artwork-right-panel input,.artwork-right-panel select,.artwork-left-panel input,.artwork-left-panel select{width:100%;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--platform-line);background:#fff;color:var(--platform-ink)}.artwork-right-panel strong{color:var(--platform-ink)}.placement-live-preview{display:grid;gap:12px;min-height:220px;padding:8px;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#eef5f8);border:1px solid rgba(220,231,239,.94)}.carton-assembly-preview{display:grid;gap:10px;padding:12px;border-radius:16px;background:linear-gradient(180deg,#ffffffeb,#f1f7fbfa);border:1px solid rgba(214,227,238,.92)}.carton-assembly-preview.empty{min-height:120px;align-content:center}.carton-assembly-summary{display:grid;gap:2px}.carton-assembly-summary strong{font-size:.9rem;color:var(--platform-ink)}.carton-assembly-summary small{color:var(--platform-muted);font-size:.74rem}.carton-assembly-stage{position:relative;min-height:220px;overflow:hidden;border-radius:14px;background:radial-gradient(circle at top left,rgba(120,154,196,.12),transparent 34%),linear-gradient(180deg,#f7fbfefa,#e8f0f6f5);border:1px dashed rgba(168,188,205,.72)}.carton-assembly-surface{position:absolute;display:grid;align-content:center;justify-items:center;gap:2px;padding:8px;border-radius:12px;border:1px solid rgba(119,142,168,.45);box-shadow:0 10px 18px #4e63781f;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carton-assembly-surface span{font-size:.78rem;font-weight:700;color:#24435f}.carton-assembly-surface small{font-size:.62rem;color:#2c465fc7}.carton-assembly-surface.is-primary-artwork{background:linear-gradient(180deg,#e1f1fff0,#d1e7fffa)}.carton-assembly-surface.is-secondary-artwork{background:linear-gradient(180deg,#f5eed8f0,#eee4c5fa)}.carton-assembly-surface.is-structural-warning,.carton-assembly-surface.is-structural-blocked{background:linear-gradient(180deg,#f3e8e5f5,#ecd8d2fa)}.carton-assembly-surface.is-guide-only{background:linear-gradient(180deg,#eef3f6e6,#e4ebf0f5)}.carton-assembly-surface.is-selected{border-color:var(--platform-blue);box-shadow:0 14px 28px #0b82d838;outline:2px solid rgba(11,130,216,.18)}.carton-viewer-status{display:grid;gap:2px;padding:10px 12px;border-radius:14px;border:1px solid rgba(214,227,238,.92);background:#ffffffeb}.carton-viewer-status small{color:var(--platform-muted);font-size:.72rem}.carton-capability-status{display:grid;gap:2px;padding:10px 12px;border-radius:14px;border:1px solid rgba(214,227,238,.92);background:linear-gradient(180deg,#fffffff0,#f4f8fbfa)}.carton-capability-status strong{font-size:.9rem;color:var(--platform-ink)}.carton-capability-status small{color:var(--platform-muted);font-size:.72rem}.mini-surface-list{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.mini-surface-list button{display:grid;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--platform-line);background:#f8fbfc;text-align:left}.mini-surface-list button.active{border-color:var(--platform-blue);background:#eef7ff;box-shadow:0 8px 20px #0b82d81f}.mini-surface-list small{color:var(--platform-muted);font-size:.72rem}.artwork-preview-header.stacked{align-items:flex-start}.mini-toggle-row{display:flex;flex-wrap:wrap;gap:8px}.studio-outline-btn.mini{min-height:34px;padding:0 10px;border-radius:999px}.placement-advanced{border:1px solid rgba(220,231,239,.94);border-radius:16px;background:#f8fbfdf2;overflow:hidden}.placement-advanced summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700}.placement-advanced summary::-webkit-details-marker{display:none}.placement-advanced .placement-controls{padding:0 16px 16px}.placement-controls.compact label:last-child:nth-child(odd){grid-column:1 / -1}.applied-surface-list{display:grid;gap:10px;margin-top:14px}.applied-surface-list button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--platform-line);border-radius:14px;background:#f8fafc;text-align:left}.applied-surface-list button.has-artwork{border-color:var(--platform-blue);background:#eff8ff}@media(max-width:1180px){.artwork-placement-body{grid-template-columns:1fr}.artwork-placement-stage{min-height:560px}}@media(max-width:760px){.artwork-placement-screen{padding:18px}.artwork-placement-header{flex-direction:column;align-items:stretch}.artwork-placement-stage{min-height:420px}.layer-toolbar{bottom:auto;top:calc(100% + 10px)}}.vector-editor-source{display:grid;gap:8px;padding:18px;background:#fff;border:1px solid var(--platform-line);border-radius:var(--platform-radius);box-shadow:var(--platform-shadow-soft)}.vector-editor-source span{color:var(--platform-muted);line-height:1.4}.vector-editor-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:22px;align-items:start}.vector-settings-panel,.vector-preview-workspace{background:#fff;border:1px solid var(--platform-line);border-radius:var(--platform-radius);box-shadow:var(--platform-shadow)}.vector-settings-panel{padding:20px;position:sticky;top:88px}.vector-settings-panel h2,.vector-legend h3{margin:0 0 16px;font-size:16px}.vector-input-row{display:grid;gap:7px;margin-bottom:14px}.vector-input-row span{color:var(--platform-muted);font-size:12px;font-weight:700;text-transform:uppercase}.vector-input-row input,.vector-input-row select{width:100%;border:1px solid var(--platform-line);border-radius:10px;padding:10px 12px;font:inherit;background:#f8fafc}.vector-legend{display:grid;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--platform-line)}.vector-legend span{display:flex;align-items:center;gap:10px;color:#334155;font-size:13px}.vector-legend i{width:28px;height:0;border-top:3px solid currentColor}.legend-cut{color:#ef3340}.legend-fold{color:#0b68d8;border-top-style:dashed!important}.legend-glue{color:#f59e0b;border-top-style:dotted!important}.legend-bleed{color:#14b8a6;border-top-style:dashed!important}.legend-safe{color:#64748b;border-top-style:dashed!important}.vector-preview-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--platform-line)}.vector-preview-toolbar>div:first-child{display:grid;gap:5px}.vector-preview-toolbar span{color:var(--platform-muted);font-size:13px}.vector-preview-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.vector-preview-actions button:disabled{opacity:.55;cursor:not-allowed}.vector-preview-stage{min-height:620px;padding:28px;overflow:auto;background:linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),#fbfdff;background-size:20px 20px}.vector-dieline-preview{display:block;width:100%;min-width:740px;height:auto;background:#fff;border:1px solid #dbe6f1;border-radius:14px;box-shadow:0 18px 44px #12223714}.vector-panel{fill:#fff;stroke:#d7e1ec;stroke-width:.8}.vector-panel.artwork{fill:#f8fbff}.vector-panel.utility{fill:#f4f7fb}.vector-panel-label{font-size:5px;font-weight:650;fill:#475569}.vector-line{stroke-width:1.4;vector-effect:non-scaling-stroke;fill:none}.vector-line-cut{stroke:#ef3340}.vector-line-fold{stroke:#0b68d8;stroke-dasharray:6 5}.vector-line-glue{stroke:#f59e0b;stroke-dasharray:2 4}.vector-line-bleed{stroke:#14b8a6;stroke-dasharray:4 4;opacity:.62}.vector-line-safe{stroke:#64748b;stroke-dasharray:3 5;opacity:.58}.vector-line-score{stroke:#8b5cf6;stroke-dasharray:8 4}.vector-glue-area{fill:url(#vector-glue-hatch);stroke:#f59e0b;stroke-width:.8;opacity:.92}.vector-glue-label{font-size:4px;font-weight:700;fill:#92400e}@media(max-width:920px){.vector-editor-header,.vector-editor-layout{grid-template-columns:1fr}.vector-settings-panel{position:static}.vector-preview-toolbar{align-items:flex-start;flex-direction:column}}.studio-side-panel.models-active{padding:12px!important}.studio-side-panel.models-active .studio-side-panel-top{display:none}.studio-model-library{position:relative;display:grid;align-content:start;gap:12px;min-width:0}.studio-model-category-shell{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 28px 30px;align-items:start;gap:4px}.studio-model-tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid #d8d9df;border-radius:12px;background:#fafafa}.studio-model-tabs button{min-height:38px;border:0;border-radius:9px;background:transparent;color:#111827;font-size:.86rem;font-weight:680;cursor:pointer}.studio-model-tabs button.active{background:linear-gradient(135deg,#864cff,#7138ec);color:#fff;box-shadow:0 6px 14px #7138ec3d}.studio-model-search{min-height:46px;padding:0 11px;display:grid;grid-template-columns:24px minmax(0,1fr) 26px;align-items:center;gap:7px;border:1px solid #d9dbe1;border-radius:11px;background:#fff;color:#2e3b4c}.studio-model-search:focus-within{border-color:#9b75f9;box-shadow:0 0 0 3px #7d4def1a}.studio-model-search svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.studio-model-search input{min-width:0;border:0;outline:0;background:transparent;color:#20242d;font:inherit;font-size:.84rem}.studio-model-search input::placeholder{color:#8a8f99}.studio-model-search>span{display:grid;place-items:center;color:#596575;font-size:22px}.studio-model-categories{display:flex;align-items:center;gap:7px;min-width:0;padding:1px 0 4px;overflow-x:auto;scrollbar-width:none}.studio-model-category-toggle{width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid #d6d8de;border-radius:7px;background:#f5f5f6;color:#555d69;cursor:pointer}.studio-model-category-step{width:28px;height:30px;padding:0;display:grid;place-items:center;border:1px solid #dfe1e6;border-radius:7px;background:#fff;color:#626a77;cursor:pointer}.studio-model-category-step:hover{border-color:#a780fa;color:#7840eb;background:#faf7ff}.studio-model-category-step svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.studio-model-category-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.studio-model-category-toggle.active{border-color:#925cff;color:#7840eb;background:#f7f2ff}.studio-model-category-toggle.active svg{transform:rotate(180deg)}.studio-model-category-menu{position:absolute;z-index:12;top:38px;left:-2px;right:-2px;max-height:min(570px,calc(100vh - 260px));padding:8px 10px 14px;overflow-y:auto;border:1px solid #dddfe5;border-radius:0 0 14px 14px;background:#fffffffc;box-shadow:0 20px 38px #2623432e;scrollbar-width:thin;scrollbar-color:#d4cee8 transparent}.studio-model-category-menu section{padding:8px 0 10px;border-bottom:1px solid #eef0f3}.studio-model-category-menu section:last-child{border-bottom:0}.studio-model-category-title{min-height:28px;padding:2px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#191d25;font-size:.8rem;font-weight:760;cursor:pointer}.studio-model-category-menu section.active .studio-model-category-title{border-color:#975fff;background:#f7f1ff;color:#793fe9}.studio-model-subcategories{display:flex;flex-wrap:wrap;gap:2px 6px;padding-top:5px}.studio-model-subcategories button{min-height:29px;padding:3px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#30343c;font-size:.74rem;text-align:left;cursor:pointer}.studio-model-subcategories button:hover,.studio-model-subcategories button.active{border-color:#d8c8ff;background:#f8f4ff;color:#7040d5}.studio-model-categories::-webkit-scrollbar{display:none}.studio-model-categories button{flex:0 0 auto;min-height:29px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#242832;font-size:.76rem;white-space:nowrap;cursor:pointer}.studio-model-categories button.active{border-color:#925cff;background:#f6f0ff;color:#783df0;font-weight:700}.studio-model-library-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:-2px}.studio-model-library-head h2{margin:0;color:#151922;font-size:1rem;font-weight:760}.studio-model-library-head span{color:#8a909a;font-size:.68rem}.studio-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 9px}.studio-model-card{min-width:0;padding:0 0 5px;display:grid;gap:4px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;cursor:pointer}.studio-model-card:hover,.studio-model-card.selected{border-color:#9b70fa;background:#faf7ff}.studio-model-card .platform-thumbnail{width:100%;height:96px;min-height:96px;border:1px solid #d8dadd;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#fbfbfb,#ededee)}.studio-model-card.selected .platform-thumbnail{border-color:#925cff}.studio-model-card .platform-thumbnail img{width:100%;height:100%;object-fit:contain;transform:scale(1.12)}.studio-model-card-name{padding:0 3px;overflow:hidden;color:#4a4f58;font-size:9px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.studio-model-swatches{min-height:13px;padding:0 3px;display:flex;align-items:center;gap:3px}.studio-model-swatches i{width:12px;height:12px;flex:0 0 12px;display:block;border:1px solid rgba(95,100,110,.26);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffffb8}.studio-model-empty{min-height:180px;display:grid;place-content:center;gap:5px;border:1px dashed #d9dce3;border-radius:14px;color:#727986;text-align:center}.studio-model-empty strong{color:#343a45}.studio-model-empty span{font-size:.75rem}@media(max-width:1180px){.studio-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ocean-home-v06c .module-strip-v06c{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:22px!important;padding:14px 22px!important;border:1px solid var(--platform-line);border-radius:var(--platform-radius);background:#fff;box-shadow:0 10px 26px #1020330e}.section-title-row-v06c{align-items:end!important;margin-bottom:18px!important}.section-title-row-v06c h2,.tools-story-section-v06c h2,.workflow-section-v06c h2{letter-spacing:0}.visual-category-card{text-align:left!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.visual-category-card:hover,.mockup-product-card:hover,.dieline-template-card:hover,.dieline-category-card:hover,.featured-mockup-card:hover{transform:translateY(-2px);border-color:#b9d6e8!important;box-shadow:0 18px 42px #1020331b!important}.tools-story-section-v06c{background:transparent!important}.tool-story-card{display:grid!important;align-content:start;gap:12px;padding:20px!important;text-align:left!important}.tool-bubble{width:42px!important;height:42px!important;border-radius:10px!important}.ocean-difference-v06c,.workflow-section-v06c,.cta-band-v06c{border-radius:var(--platform-radius)!important;border:1px solid var(--platform-line)!important;box-shadow:var(--platform-shadow)}.mockup-library-hero,.dieline-hero{align-items:stretch!important;gap:18px!important}.mockup-hero-copy,.dieline-hero-copy{padding:30px!important}.mockup-hero-search-card,.dieline-search-shell{padding:22px!important}.mockup-search-row,.dieline-search-main{min-height:52px;border-radius:12px!important;border:1px solid var(--platform-line)!important;background:#f8fbfd!important}.mockup-filter-sidebar{position:sticky;top:88px;align-self:start}.filter-block select,.dieline-select-grid select{min-height:42px;border-radius:10px!important}.mockup-featured-panel{padding:18px!important}.mockup-card-preview,.template-preview-area{min-height:232px}.mockup-card-body,.template-card-body{display:grid;grid-template-rows:auto auto minmax(64px,auto) auto auto 1fr}.mockup-card-actions,.template-card-actions{align-self:end;margin-top:12px}.library-secondary-action:disabled,.mockup-card-actions button:disabled{cursor:not-allowed;opacity:.55}.dieline-hero-panel{display:grid;gap:14px}.hero-preview-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dieline-search-shell{display:grid!important;gap:14px!important;border-radius:var(--platform-radius)!important;background:#fff!important;border:1px solid var(--platform-line)!important;box-shadow:var(--platform-shadow)}.dieline-category-card{text-align:left!important;padding:16px!important}.featured-template-band,.dieline-results-section,.dieline-howto-section{border-radius:var(--platform-radius)!important;background:#fff!important;border:1px solid var(--platform-line)!important;box-shadow:var(--platform-shadow)}.featured-mini-card{min-height:184px!important;border-radius:var(--platform-radius)!important}.template-preview-split{min-height:220px}.template-dieline-side,.template-mockup-side{display:grid;place-items:center}.mockup-studio-header{min-height:62px!important;border-bottom:1px solid #dbe7ef!important;background:#fff!important}.studio-rail{width:74px!important;padding:10px 8px!important;background:#102033!important}.studio-rail-btn{min-height:58px!important;border-radius:10px!important}.studio-rail-btn span{font-size:.68rem!important}.studio-rail-btn small{font-size:.64rem!important}.v23-side-panel{border-right:1px solid #dbe7ef!important;background:#fff!important}.v23-panel-section{padding:16px!important}.v23-stage-grid{gap:14px!important;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)!important}.v23-template-banner{border-radius:12px!important;border:1px solid #dbe7ef!important;background:#fff!important}.v23-3d-card,.v23-dieline-card{border-radius:var(--platform-radius)!important;border:1px solid var(--platform-line)!important;box-shadow:0 12px 30px #10203313}.v23-dieline-card{background:#fff!important}.v23-bottom-toolbar{border-radius:12px!important;background:#fff!important;border:1px solid #dbe7ef!important}@media(max-width:1180px){.v23-stage-grid{grid-template-columns:1fr!important}}@media(max-width:760px){.ocean-home-v06c .module-strip-v06c,.hero-preview-stack{grid-template-columns:1fr}.studio-rail{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--ocean-ink-deep: #151719;--ocean-purple: #8538ff;--ocean-purple-soft: #f7f0ff;--ocean-card-border: #17191c;--ocean-page-pad: clamp(18px, 4vw, 64px)}.top-nav.ocean-topbar.app-header.ocean-header{min-height:48px!important;box-shadow:none!important;position:sticky;top:0;z-index:40}.top-nav-inner.ocean-topbar-inner.nav-container.ocean-nav{min-height:48px!important;max-width:100%!important;padding:0 18px!important;grid-template-columns:auto 1fr auto!important;gap:18px!important}.ocean-brand-mark{width:26px!important;height:26px!important;border-radius:999px!important;background:#17191c!important}.ocean-brand-mark:before{line-height:26px!important;font-size:.78rem!important}.nav-brand-name{font-size:.95rem!important;letter-spacing:0!important}.ocean-nav-links{justify-content:flex-start!important;gap:12px!important}.ocean-nav-links .nav-item{padding:0!important;background:transparent!important;color:#17191c!important;font-size:.78rem!important;font-weight:720!important}.ocean-nav-links .nav-active{color:var(--ocean-purple)!important}.nav-divider,.nav-muted{display:none!important}.nav-lang-select{height:28px!important;max-width:86px!important;border-color:transparent!important;font-size:.72rem!important}.ocean-workspace-btn{height:30px!important;border-radius:7px!important;background:#17191c!important;color:#fff!important;padding:0 12px!important;font-size:.76rem!important}.nav-hamburger{display:none!important}.home-view.ocean-home-v06c,.mockup-library-page,.ocean-dieline-page,.catalog-page,.detail-page{background:#fff!important}.ocean-hero-v06c{position:relative;overflow:hidden;padding:44px var(--ocean-page-pad) 38px!important;background:linear-gradient(90deg,rgba(133,56,255,.07) 1px,transparent 1px),linear-gradient(rgba(133,56,255,.07) 1px,transparent 1px),radial-gradient(circle at 78% 20%,rgba(133,56,255,.14),transparent 28%),#fbf8ff!important;background-size:34px 34px,34px 34px,auto,auto;border-bottom:1px solid #eee6fb!important}.hero-grid-bg{display:none!important}.hero-content-v06c{max-width:1120px!important;margin:0 auto!important}.module-pill,.platform-eyebrow,.section-kicker,.eyebrow{color:var(--ocean-purple)!important;letter-spacing:0!important;font-weight:900!important}.hero-content-v06c h1{max-width:880px!important;margin:14px 0!important;color:var(--ocean-ink-deep)!important;font-size:clamp(2.15rem,5vw,4.8rem)!important;line-height:.98!important;font-weight:950!important}.hero-content-v06c h1 span{color:var(--ocean-purple)!important}.hero-content-v06c p{max-width:660px!important;color:#4c5563!important;font-size:1.02rem!important}.hero-search-v06c{max-width:720px!important;min-height:48px!important;border-radius:12px!important;border:1px solid #d8ccf0!important;background:#ffffffdb!important;box-shadow:0 16px 36px #3f236e14!important}.hero-search-v06c button,.primary-action,.btn-primary-sm,.btn-detail-primary,.studio-export-btn.purple{background:var(--ocean-purple)!important;border-color:var(--ocean-purple)!important;color:#fff!important}.secondary-action,.library-secondary-action,.btn-outline-sm,.btn-detail-secondary,.studio-outline-btn,.studio-link-btn{background:#fff!important;border:1px solid #151719!important;color:#151719!important}.hero-feature-cards-v06c{margin-top:26px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.hero-feature-cards-v06c button{position:relative;min-height:226px!important;padding:16px!important;border:1.5px solid var(--ocean-card-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;display:grid!important;grid-template-columns:1fr 38px!important;grid-template-rows:auto auto 1fr!important;gap:6px!important;text-align:left!important}.hero-feature-cards-v06c button:after{content:">";grid-column:2;grid-row:1 / 3;width:28px;height:28px;border-radius:8px;background:#fff;border:1px solid #d9dce2;display:grid;place-items:center;font-weight:950;justify-self:end}.hero-feature-thumb{grid-column:1 / -1!important;grid-row:3!important;width:100%!important;height:132px!important;min-height:132px!important;margin-top:10px!important;border-radius:10px!important}.hero-feature-cards-v06c strong{grid-column:1!important;grid-row:1!important;font-size:1.04rem!important}.hero-feature-cards-v06c small{grid-column:1!important;grid-row:2!important;font-size:.8rem!important}.ocean-home-v06c .module-strip-v06c{margin:0 auto!important;transform:translateY(18px);max-width:1120px!important;border:1px solid #151719!important;border-radius:0!important;box-shadow:none!important}.visual-section-v06c,.tools-story-section-v06c,.ocean-difference-v06c,.workflow-section-v06c,.faq-wrap-v06c{max-width:1120px!important;padding:66px var(--ocean-page-pad)!important}.soft-blue-section,.tools-story-section-v06c{max-width:100%!important;background:#fbf7ff!important}.soft-blue-section>*,.tools-story-section-v06c>*{max-width:1120px;margin-left:auto;margin-right:auto}.section-title-row-v06c h2,.tools-story-section-v06c h2,.workflow-section-v06c h2,.mockup-hero-copy h1,.dieline-hero-copy h1,.detail-title{color:var(--ocean-ink-deep)!important;font-weight:950!important;letter-spacing:0!important}.visual-category-grid,.mockup-card-grid,.dieline-template-grid,.featured-mockup-strip,.dieline-category-card-section,.tools-story-grid-v06c{align-items:stretch!important}.mockup-grid-v06c,.dieline-grid-v06c,.design-grid-v06c{grid-template-columns:repeat(3,minmax(0,1fr))!important}.visual-category-card,.ocean-home-v06c .visual-category-card-image,.dieline-card-v06c,.design-card-v06c,.tool-story-card,.featured-mockup-card,.mockup-product-card,.dieline-template-card,.dieline-category-card,.related-card,.rich-card,.tool-page-card{border:1.5px solid #151719!important;border-radius:12px!important;box-shadow:none!important;background:#fff!important}.visual-category-card,.ocean-home-v06c .visual-category-card-image,.dieline-card-v06c,.design-card-v06c{min-height:318px!important;grid-template-rows:204px auto auto!important}.visual-category-photo{height:204px!important;min-height:204px!important}.visual-category-card strong,.featured-mockup-card span,.mockup-product-card h3,.template-card-body h3,.rich-card h3,.tool-page-card h3{color:#17191c!important;font-weight:920!important}.platform-thumbnail{border-radius:10px!important;border-color:#e8ecf2!important;background:linear-gradient(90deg,rgba(20,32,51,.035) 1px,transparent 1px),linear-gradient(rgba(20,32,51,.035) 1px,transparent 1px),linear-gradient(180deg,#fff,#eef7fb)!important;background-size:22px 22px,22px 22px,auto!important}.platform-thumbnail.has-image{background:#f8fbfd!important}.platform-thumbnail img{inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important}.platform-thumbnail-hero{min-height:480px!important}.mockup-library-page,.ocean-dieline-page,.detail-page{padding:34px var(--ocean-page-pad) 70px!important}.mockup-library-hero,.dieline-hero{max-width:1120px!important;grid-template-columns:minmax(0,1fr) 360px!important;padding-top:0!important}.mockup-hero-copy,.dieline-hero-copy{background:#fbf8ff!important;border:1.5px solid #151719!important;box-shadow:none!important}.mockup-hero-search-card,.dieline-hero-panel,.mockup-featured-panel,.mockup-filter-sidebar,.dieline-search-shell,.featured-template-band,.dieline-results-section,.dieline-howto-section,.detail-preview-box,.detail-info-col,.output-section,.related-section{border:1.5px solid #151719!important;border-radius:12px!important;box-shadow:none!important;background:#fff!important}.mockup-library-layout{max-width:1120px!important;grid-template-columns:244px minmax(0,1fr)!important}.filter-panel-header,.mockup-section-title-row,.results-heading,.section-heading-row{align-items:end!important}.quick-filter-list button,.mockup-card-badges span,.mockup-tag-row span,.template-format-row span,.output-chip,.cat-badge{border-radius:999px!important}.featured-mockup-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}.featured-mockup-card{min-height:310px!important;padding:12px!important;grid-template-rows:196px auto auto auto!important}.featured-mockup-visual{height:196px!important}.mockup-card-grid,.dieline-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.mockup-product-card{min-height:574px!important;overflow:hidden}.mockup-card-preview{min-height:252px!important}.mockup-card-body,.template-card-body{grid-template-rows:auto auto minmax(78px,auto) auto auto 1fr!important}.mockup-card-actions button,.template-card-actions button,.detail-cta-group button{min-height:40px!important;border-radius:9px!important;font-weight:860!important}.dieline-category-card-section{max-width:1120px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.dieline-category-card{min-height:336px!important;grid-template-rows:188px auto auto 1fr!important}.dieline-category-thumb,.featured-dieline-thumb{min-height:188px!important}.featured-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.featured-mini-card{min-height:252px!important;border:1.5px solid #151719!important}.template-preview-area{min-height:260px!important}.template-preview-split{min-height:248px!important}.template-dieline-thumb,.template-mockup-thumb{min-height:204px!important}.detail-page{background:#f8fafc!important}.detail-layout,.breadcrumb,.related-section{max-width:1120px!important}.detail-layout{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important}.detail-preview-box{min-height:540px!important;padding:18px!important}.dieline-detail-preview-stack{gap:16px!important}.detail-info-col{align-self:start}.dieline-detail-meta-grid>div,.params-section,.dieline-export-note{border-radius:10px!important;border:1px solid #e3e8ef!important;background:#fbfdff!important}.mockup-studio-page.v23-studio-page{background:#eef3f6!important;min-height:100vh}.mockup-studio-header{min-height:64px!important;box-shadow:0 1px #00000014!important}.mockup-studio-brand strong{color:#17191c!important;font-size:1rem!important}.mockup-studio-workbench.v23-workbench{background:linear-gradient(180deg,#e8f0f4,#f7fafc)!important;min-height:calc(100vh - 64px)!important;padding:18px 20px!important}.studio-rail{width:86px!important;padding:16px 10px!important;background:#ffffffeb!important;gap:14px!important;box-shadow:0 18px 36px #0f172a1f!important}.studio-rail-btn{width:60px!important;min-height:68px!important;background:#fff!important;color:#17191c!important;border:0!important;box-shadow:0 10px 24px #0000001a!important}.studio-rail-btn.active{background:#eef2ff!important;color:#0f4ae3!important}.v23-side-panel,.v23-3d-card,.v23-dieline-card,.v23-bottom-toolbar,.v23-template-banner,.v27-template-not-ready{border:0!important;border-radius:18px!important;box-shadow:0 16px 36px #0000001f!important;background:#fff!important}.v23-stage-grid{grid-template-columns:minmax(0,1.12fr) minmax(280px,.62fr)!important;align-items:stretch!important}.v23-3d-card{min-height:520px!important;display:grid;place-items:center;background:radial-gradient(circle at center,#fbfdff,#eef4f7 74%)!important}.ocean-dieline-3d-viewer,.true-3d-mockup-viewer{width:100%!important;min-height:500px!important;max-height:620px!important}.v23-dieline-card{padding:16px!important;background:linear-gradient(180deg,#fff,#f8fbfd)!important}.v23-dieline-svg{max-height:420px!important}.v23-dieline-summary{display:grid;gap:10px;margin-top:14px}.v23-dieline-summary button{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--platform-line);background:#f8fbfc;text-align:left}.v23-template-banner{box-shadow:none!important}@media(max-width:1180px){.mockup-grid-v06c,.dieline-grid-v06c,.design-grid-v06c,.mockup-card-grid,.dieline-template-grid,.dieline-category-card-section,.featured-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mockup-library-hero,.dieline-hero,.detail-layout,.v23-stage-grid{grid-template-columns:1fr!important}}@media(max-width:760px){.hero-feature-cards-v06c,.mockup-grid-v06c,.dieline-grid-v06c,.design-grid-v06c,.mockup-card-grid,.dieline-template-grid,.dieline-category-card-section,.featured-mini-grid,.featured-mockup-strip,.tools-story-grid-v06c{grid-template-columns:1fr!important}.hero-content-v06c h1{font-size:2.35rem!important}.top-nav-inner.ocean-topbar-inner.nav-container.ocean-nav{grid-template-columns:1fr auto!important}.ocean-nav-actions{justify-content:end}}.top-nav.ocean-topbar.app-header.ocean-header{min-height:38px!important;border-bottom:1px solid #ececf1!important;background:#fffffffa!important}.top-nav-inner.ocean-topbar-inner.nav-container.ocean-nav{min-height:38px!important;padding:0 14px!important;gap:18px!important}.ocean-brand-mark{width:22px!important;height:22px!important}.ocean-brand-mark:before{line-height:22px!important;font-size:.68rem!important}.nav-brand-name{font-size:.82rem!important}.ocean-nav-links{gap:18px!important}.ocean-nav-links .nav-item{font-size:.68rem!important;font-weight:760!important}.nav-lang-select{height:24px!important;font-size:.65rem!important;padding:0 4px!important}.ocean-workspace-btn{height:24px!important;min-width:78px;border-radius:4px!important;font-size:.66rem!important}.ocean-home-v06c{--home-max: 1040px;--home-purple: #7b22ff;background:#fff!important;color:#121417}.ocean-home-v06c .ocean-hero-v06c{min-height:auto!important;padding:42px max(24px,calc((100vw - var(--home-max)) / 2)) 34px!important;border-bottom:0!important;background:linear-gradient(115deg,rgba(123,34,255,.075) 1px,transparent 1px),linear-gradient(rgba(123,34,255,.055) 1px,transparent 1px),radial-gradient(circle at 80% 5%,rgba(123,34,255,.12),transparent 32%),#fbf7ff!important;background-size:40px 40px,40px 40px,auto,auto}.ocean-home-v06c .module-pill,.ocean-home-v06c .hero-search-v06c,.ocean-home-v06c .hero-action-row-v06c,.ocean-home-v06c .module-strip-v06c{display:none!important}.ocean-home-v06c .hero-content-v06c{max-width:var(--home-max)!important;text-align:left!important}.ocean-home-v06c .hero-content-v06c h1{max-width:900px!important;margin:0 0 24px!important;font-size:clamp(2.2rem,4.35vw,4.05rem)!important;line-height:1.04!important;font-family:var(--font-display, inherit)!important;font-weight:900!important;color:#151515!important;text-align:left!important}.ocean-home-v06c .hero-content-v06c h1 span{color:var(--home-purple)!important}.ocean-home-v06c .hero-content-v06c>p{display:none!important}.ocean-home-v06c .hero-feature-cards-v06c{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:0!important}.ocean-home-v06c .hero-feature-cards-v06c button{min-height:214px!important;padding:13px!important;border:1.5px solid #151515!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}.ocean-home-v06c .hero-feature-card.hero-feature-mockup{background:#f8edff!important}.ocean-home-v06c .hero-feature-card.hero-feature-studio{background:#eafff8!important}.ocean-home-v06c .hero-feature-card.hero-feature-dieline{background:#f6fbff!important}.ocean-home-v06c .hero-feature-cards-v06c button:after{width:26px;height:26px;border-radius:7px;color:#151515}.ocean-home-v06c .hero-feature-cards-v06c strong{font-size:.94rem!important;line-height:1.1!important}.ocean-home-v06c .hero-feature-cards-v06c small{font-size:.72rem!important;line-height:1.25!important;color:#25282d!important}.ocean-home-v06c .hero-feature-thumb{height:126px!important;min-height:126px!important;margin-top:8px!important;border-radius:8px!important;border:0!important}.ocean-home-v06c .visual-section-v06c{max-width:var(--home-max)!important;padding:56px 0 26px!important;margin:0 auto!important;background:transparent!important}.ocean-home-v06c .section-title-row-v06c{margin-bottom:20px!important}.ocean-home-v06c .section-kicker{display:none!important}.ocean-home-v06c .section-title-row-v06c h2{position:relative;margin:0!important;padding-left:28px;font-size:clamp(1.35rem,2.2vw,2rem)!important;line-height:1.1!important;font-family:var(--font-display, inherit)!important;color:#151515!important}.ocean-home-v06c .section-title-row-v06c h2:before{content:"+";position:absolute;left:0;top:-.08em;color:var(--home-purple);font-size:1.35em;font-weight:950;line-height:1}.ocean-home-v06c .section-title-row-v06c button{min-height:30px!important;border:0!important;border-radius:5px!important;background:#151515!important;color:#fff!important;padding:0 14px!important;font-size:.68rem!important;font-weight:850!important}.ocean-home-v06c .mockup-grid-v06c,.ocean-home-v06c .dieline-grid-v06c,.ocean-home-v06c .design-grid-v06c{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.ocean-home-v06c .visual-category-card,.ocean-home-v06c .visual-category-card-image,.ocean-home-v06c .dieline-card-v06c,.ocean-home-v06c .design-card-v06c{min-height:164px!important;padding:10px!important;border:1px solid #d8dce3!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;grid-template-rows:88px minmax(28px,auto) 18px!important;gap:4px!important;overflow:visible!important}.ocean-home-v06c .visual-category-photo{height:86px!important;min-height:86px!important;border-radius:6px!important}.ocean-home-v06c .visual-category-card strong{min-height:28px!important;font-size:.76rem!important;line-height:1.22!important;color:#16181d!important;overflow:visible!important;display:block!important;padding-top:2px!important}.ocean-home-v06c .visual-category-card small{font-size:.62rem!important;line-height:1.25!important;color:#616a78!important;overflow:visible!important;min-height:16px!important;padding-left:0!important;padding-right:0!important;white-space:nowrap!important}.ocean-home-v06c .card-arrow{position:absolute;right:10px;left:auto;bottom:9px}.ocean-home-v06c .card-arrow:before{content:"+";color:#151515;font-size:.8rem}.ocean-home-v06c .soft-blue-section{max-width:var(--home-max)!important;background:transparent!important}.ocean-home-v06c .reference-tool-wall{max-width:100%!important;min-height:760px;margin-top:90px!important;padding:430px max(24px,calc((100vw - var(--home-max)) / 2)) 72px!important;background:#fbf6ff!important}.ocean-home-v06c .reference-tool-wall .centered{display:none!important}.ocean-home-v06c .reference-tool-wall>h2{display:none!important}.ocean-home-v06c .tools-story-grid-v06c{max-width:var(--home-max);margin:0 auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.ocean-home-v06c .tool-story-card{min-height:250px!important;padding:18px!important;border:1.5px solid #151515!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}.ocean-home-v06c .tool-story-card:nth-child(1){background:#fff8df!important}.ocean-home-v06c .tool-story-card:nth-child(2){background:#e8f6ff!important}.ocean-home-v06c .tool-story-card:nth-child(4){background:#edffe9!important}.ocean-home-v06c .tool-story-card .hero-feature-thumb{height:124px!important;min-height:124px!important;margin:0 0 10px!important}.ocean-home-v06c .tool-story-card h3{font-size:1.1rem!important;line-height:1.15!important;margin:0!important}.ocean-home-v06c .tool-story-card p{font-size:.78rem!important;line-height:1.45!important;color:#3d444f!important}.ocean-home-v06c .ocean-difference-v06c,.ocean-home-v06c .workflow-section-v06c,.ocean-home-v06c .cta-band-v06c,.ocean-home-v06c .faq-wrap-v06c{display:none!important}.platform-footer{position:relative;margin-top:0!important;padding:92px max(24px,calc((100vw - 1040px)/2)) 28px!important;background:#151515!important;color:#c6c6c6!important}.platform-footer:before{content:"";position:absolute;left:0;right:0;top:-180px;height:180px;pointer-events:none;background:linear-gradient(90deg,transparent 49%,rgba(123,34,255,.12) 50%,transparent 51%),linear-gradient(rgba(123,34,255,.08) 1px,transparent 1px),#fff;background-size:100% 100%,36px 36px,auto;opacity:.5}.footer-inner{max-width:1040px!important;display:grid!important;grid-template-columns:210px 1fr!important;gap:48px!important;margin:0 auto 44px!important}.footer-logo{color:#fff!important;font-size:.92rem!important;font-weight:850!important}.footer-tagline{margin-top:12px!important;color:#8a8a8a!important;font-size:.72rem!important;line-height:1.5!important}.footer-columns{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:30px!important}.footer-col h4{color:#fff!important;font-size:.7rem!important;margin:0 0 12px!important}.footer-col li{color:#9a9a9a!important;font-size:.66rem!important;line-height:1.55!important}.footer-bottom{max-width:1040px!important;margin:0 auto!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#777!important;font-size:.62rem!important}@media(max-width:900px){.ocean-home-v06c .hero-feature-cards-v06c,.ocean-home-v06c .mockup-grid-v06c,.ocean-home-v06c .dieline-grid-v06c,.ocean-home-v06c .design-grid-v06c,.ocean-home-v06c .tools-story-grid-v06c{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-inner,.footer-columns{grid-template-columns:1fr 1fr!important}}@media(max-width:620px){.ocean-home-v06c .ocean-hero-v06c{padding-left:16px!important;padding-right:16px!important}.ocean-home-v06c .hero-feature-cards-v06c,.ocean-home-v06c .mockup-grid-v06c,.ocean-home-v06c .dieline-grid-v06c,.ocean-home-v06c .design-grid-v06c,.ocean-home-v06c .tools-story-grid-v06c,.footer-inner,.footer-columns{grid-template-columns:1fr!important}.ocean-home-v06c .reference-tool-wall{padding-top:120px!important;min-height:auto}}.top-nav.ocean-topbar.app-header.ocean-header{min-height:54px!important}.top-nav-inner.ocean-topbar-inner.nav-container.ocean-nav{min-height:54px!important;max-width:1220px!important;padding:0 22px!important;gap:22px!important}.ocean-brand-mark{width:28px!important;height:28px!important}.ocean-brand-mark:before{line-height:28px!important;font-size:.82rem!important}.nav-brand-name{font-size:.95rem!important}.ocean-nav-links{gap:16px!important;min-width:0}.ocean-nav-links .nav-item{font-size:.78rem!important;line-height:1!important;padding:8px 0!important;position:relative}.ocean-nav-links .nav-active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:999px;background:var(--ocean-purple)}.nav-lang-select{height:34px!important;max-width:116px!important;border:1px solid #e2e6ee!important;border-radius:8px!important;font-size:.74rem!important;background:#fff}.ocean-workspace-btn{height:34px!important;min-width:118px;border-radius:8px!important;font-size:.76rem!important}.catalog-page,.mockup-library-page,.ocean-dieline-page,.detail-page,.prototype-shell,.vector-editor-page{background:radial-gradient(circle at 78% 0%,rgba(123,34,255,.07),transparent 28%),linear-gradient(180deg,#fff,#f8fbfd)!important}.catalog-page-header,.mockup-library-hero,.dieline-hero,.prototype-hero,.vector-editor-header{border:1px solid #e3e8f0!important;border-radius:18px!important;background:#fffffff0!important;box-shadow:0 20px 54px #12182012!important}.catalog-page-header{max-width:1120px;margin:0 auto 22px;padding:28px!important}.catalog-page-header h1,.mockup-hero-copy h1,.dieline-hero-copy h1,.prototype-hero h1,.vector-editor-header h1{font-family:var(--font-display, inherit)!important;font-size:clamp(2rem,4vw,3.6rem)!important;line-height:1.02!important}.catalog-search-bar,.mockup-search-row,.dieline-search-main{box-shadow:inset 0 0 0 1px #e3e8f0;background:#fbfdff!important}.design-cat-grid,.rich-card-grid,.tools-page-grid,.mockup-library-layout,.dieline-search-shell,.dieline-category-card-section,.featured-template-band,.dieline-results-section,.dieline-howto-section{max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}.rich-card-grid,.tools-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rich-card,.tool-page-card,.empty-state,.workspace-choice-card{border:1px solid #e0e6ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 44px #12182013!important}.rich-card-preview{min-height:220px;padding:12px;background:#f6fbff}.rich-card-body,.tool-page-body{padding:18px!important}.tool-page-card{min-height:240px}.tool-page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.soon-badge{border-radius:999px;padding:5px 9px;background:#f4ecff;color:#7629e8;font-size:.72rem;font-weight:900}.btn-disabled-sm{border:1px solid #d7dce5;border-radius:9px;background:#f3f5f8;color:#8b95a3;min-height:40px;padding:0 14px;font-weight:850}.empty-state{max-width:780px;margin:40px auto 0;padding:44px;text-align:center}.empty-state-visual{width:86px;height:86px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(90deg,rgba(123,34,255,.1) 1px,transparent 1px),linear-gradient(rgba(123,34,255,.1) 1px,transparent 1px),#fbf7ff;background-size:18px 18px;color:var(--ocean-purple);font-size:2rem;font-weight:950}.prototype-shell{min-height:calc(100vh - 54px);padding:42px var(--ocean-page-pad) 80px}.prototype-hero{max-width:1120px!important;margin:0 auto;padding:34px!important}.workspace-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.workspace-choice-card{min-height:172px;padding:20px;text-align:left;cursor:pointer}.workspace-choice-card strong{display:block;margin-bottom:10px;color:#14171c;font-size:1.08rem}.workspace-choice-card span{color:#566273;line-height:1.55}.mockup-hero-copy,.dieline-hero-copy,.mockup-hero-search-card,.dieline-hero-panel,.mockup-featured-panel,.mockup-filter-sidebar,.mockup-product-card,.dieline-template-card,.dieline-category-card,.featured-mini-card,.vector-settings-panel,.vector-preview-workspace{border-color:#e0e6ef!important;box-shadow:0 18px 46px #12182012!important}.mockup-product-card,.dieline-template-card{border-radius:16px!important;overflow:hidden}.mockup-card-actions button,.template-card-actions button,.btn-primary-sm,.btn-outline-sm{border-radius:10px!important}.mockup-card-actions .primary,.btn-primary-sm{background:#151719!important;border-color:#151719!important;color:#fff!important}.dieline-template-card .platform-thumbnail-dieline.has-image img,.detail-preview-box .platform-thumbnail-dieline.has-image img{inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important}.vector-editor-page{max-width:1280px!important}.vector-editor-header,.vector-editor-layout{max-width:1180px;margin-left:auto;margin-right:auto}.vector-preview-stage{background:linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),#fbfdff!important}.mockup-studio-workbench.v23-workbench{background:radial-gradient(circle at 58% 22%,#fff,#edf2f7 36%,#d8dee7)!important}.studio-rail-btn{border:1px solid rgba(255,255,255,.9)!important}.v23-side-panel,.v23-3d-card,.v23-dieline-card,.v23-bottom-toolbar,.v27-template-not-ready{box-shadow:0 18px 50px #11182724!important}.v23-3d-card{position:relative!important;overflow:hidden;background:radial-gradient(circle at 50% 48%,#fff,#f5f7fa 35%,#e1e7ee)!important}.v23-dieline-card{background:#fffffff5!important}.studio-upload-zone{background:linear-gradient(90deg,rgba(123,34,255,.08) 1px,transparent 1px),linear-gradient(rgba(123,34,255,.08) 1px,transparent 1px),#fbf7ff!important;background-size:20px 20px;border-color:#7b22ff59!important}.studio-range-label input[type=number]{width:86px;border:1px solid #d9e1ec;border-radius:8px;padding:7px 9px;font:inherit;font-size:.78rem;background:#fff;text-align:right}.studio-fit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.studio-fit-row button,.studio-apply-row button{min-height:34px}.studio-link-btn.danger{border-color:#fecaca!important;color:#b91c1c!important;background:#fff7f7!important}.studio-artwork-projection{position:absolute;inset:16px;display:grid;place-items:center;pointer-events:none;z-index:6}.studio-artwork-panel-guide{position:absolute;width:min(44%,340px);aspect-ratio:1 / 1.25;border:1px dashed rgba(123,34,255,.42);border-radius:16px;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff80}.studio-artwork-active-status{position:absolute;top:20px;left:20px;z-index:8;padding:8px 12px;border-radius:999px;background:#ffffffeb;color:#111827;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;box-shadow:0 14px 36px #0f172a2e}.studio-artwork-debug{position:absolute;top:20px;right:20px;z-index:8;width:min(320px,calc(100% - 40px));border-radius:16px;background:#0f172aeb;color:#f8fafc;font-size:.72rem;line-height:1.45;padding:14px 16px;box-shadow:0 24px 60px #0f172a38;pointer-events:none}.studio-artwork-debug div{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.studio-artwork-debug div+div{border-top:1px solid rgba(255,255,255,.08)}.studio-artwork-debug div strong{color:#c7d2fe;font-weight:700;text-transform:lowercase}.studio-artwork-debug div span{text-align:right;overflow-wrap:anywhere}.studio-artwork-debug-panel{margin-top:16px;padding:16px;border-radius:18px;background:#0f172a14;border:1px solid rgba(15,23,42,.08);color:#0f172a;font-size:.92rem;line-height:1.5}.studio-artwork-debug-panel h3{margin:0 0 10px;font-size:1rem;font-weight:800}.studio-artwork-debug-panel div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.studio-artwork-debug-panel div strong{color:#475569;font-weight:700}.studio-artwork-debug-panel div span{font-variant-numeric:tabular-nums}.studio-artwork-panel-guide span,.studio-artwork-panel-guide small{position:absolute;left:12px;right:12px;color:#6d28d9;font-weight:850;text-align:center;pointer-events:none}.studio-artwork-panel-guide span{top:-28px;font-size:.76rem}.studio-artwork-panel-guide small{bottom:-38px;color:#64748b;font-size:.68rem;line-height:1.35;font-weight:700}.studio-draggable-artwork{position:absolute;left:50%;top:50%;overflow:visible;border:2px solid #7b22ff;border-radius:10px;background:#ffffff2e;box-shadow:0 16px 34px #0f172a38;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.studio-draggable-artwork:active{cursor:grabbing}.studio-draggable-artwork img{display:block;width:100%;height:100%;border-radius:8px;pointer-events:none}.studio-draggable-artwork img.fit-contain{object-fit:contain}.studio-draggable-artwork img.fit-cover{object-fit:cover}.studio-draggable-artwork img.fit-stretch{object-fit:fill}.studio-draggable-artwork img.blend-multiply,.studio-draggable-artwork img.blend-print-preview{mix-blend-mode:multiply}.resize-dot{position:absolute;width:10px;height:10px;border-radius:999px;background:#fff;border:2px solid #7b22ff;box-shadow:0 2px 8px #0f172a33}.resize-dot.nw{left:-6px;top:-6px}.resize-dot.ne{right:-6px;top:-6px}.resize-dot.sw{left:-6px;bottom:-6px}.resize-dot.se{right:-6px;bottom:-6px}.home-view.ocean-home-reset-v1{--home-reset-max: 1180px;--home-reset-purple: #7b22ff;--home-reset-ocean: #0497d8;--home-reset-teal: #18d3c4;--home-reset-ink: #111317;min-height:100vh;background:#fff!important;color:var(--home-reset-ink)}.home-reset-hero{background:linear-gradient(118deg,rgba(0,156,210,.06) 1px,transparent 1px),linear-gradient(rgba(123,34,255,.045) 1px,transparent 1px),radial-gradient(circle at 78% 8%,rgba(24,211,196,.2),transparent 27%),radial-gradient(circle at 92% 36%,rgba(123,34,255,.14),transparent 22%),linear-gradient(90deg,#fff,#fbf8ff 58%,#f2fbff);background-size:38px 38px,38px 38px,auto,auto,auto;border-bottom:1px solid #f1e9ff}.home-reset-inner{width:min(var(--home-reset-max),calc(100% - 48px));margin:0 auto;padding:52px 0 58px}.home-reset-hero h1{max-width:980px;margin:0 0 26px;font-family:var(--font-display, inherit);font-size:clamp(2.4rem,5.2vw,5.1rem);font-weight:900;line-height:1.02;letter-spacing:0;color:var(--home-reset-ink)}.home-reset-hero h1 span{color:transparent;background:linear-gradient(96deg,#063b8f,#0284c7 34%,#10c7d4 62%,#14b8a6 82%,#5b5ff7);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 12px 20px rgba(2,132,199,.16))}.home-reset-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-reset-feature-card{position:relative;min-height:292px;padding:16px;border:1px solid rgba(17,19,23,.78);border-radius:14px;display:grid;grid-template-rows:auto auto 1fr;gap:8px;text-align:left;color:var(--home-reset-ink);background:#fff;box-shadow:0 14px 32px #0f172a0f;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-reset-feature-card.mockup{background:linear-gradient(180deg,#fbf2ff,#fff 72%)}.home-reset-feature-card.studio{background:linear-gradient(180deg,#e9fff9,#fff 72%)}.home-reset-feature-card.dieline{background:linear-gradient(180deg,#f3fbff,#fff 72%)}.home-reset-card-arrow{position:absolute;top:14px;right:14px;width:28px;height:28px;border:1px solid #e0e6ee;border-radius:9px;display:grid;place-items:center;background:#fff;font-size:.9rem;font-weight:900;line-height:1;box-shadow:0 6px 14px #0f172a0f}.home-reset-feature-card strong{max-width:calc(100% - 42px);font-size:1.08rem;line-height:1.12;font-weight:900}.home-reset-feature-card small{max-width:calc(100% - 42px);color:#3f4650;font-size:.8rem;line-height:1.35;font-weight:650}.home-reset-feature-thumb{align-self:end;width:100%;min-height:190px!important;height:190px!important;border:0!important;border-radius:12px!important}.home-reset-main{width:min(var(--home-reset-max),calc(100% - 48px));margin:0 auto;padding:42px 0 66px}.home-reset-section{padding:0 0 52px}.home-reset-section+.home-reset-section{border-top:1px solid #e8edf3;padding-top:46px}.home-reset-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.home-reset-title-row h2{position:relative;margin:0;padding-left:34px;font-family:var(--font-display, inherit);font-size:clamp(1.5rem,2.55vw,2.18rem);line-height:1.1;font-weight:900;color:var(--home-reset-ink)}.home-reset-title-row h2:before{content:"✦";position:absolute;left:0;top:.02em;color:transparent;font-size:1.05em;font-weight:950;background:linear-gradient(135deg,#123bff,#16d7c5);background-clip:text;-webkit-background-clip:text}.home-reset-title-row button{min-height:32px;padding:0 15px;border:0;border-radius:8px;background:#151515;color:#fff;font-size:.68rem;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px #0f172a21;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.home-reset-card-grid{display:grid;gap:12px}.home-reset-card-grid.mockups,.home-reset-card-grid.dielines{grid-template-columns:repeat(4,minmax(0,1fr))}.home-reset-card-grid.design{grid-template-columns:repeat(3,minmax(0,1fr))}.home-reset-category-card{position:relative;min-height:176px;padding:10px;border:1px solid #e2e8f0;border-radius:9px;display:grid;grid-template-rows:96px auto auto;gap:6px;text-align:left;background:#fff;color:var(--home-reset-ink);box-shadow:0 8px 22px #0f172a08;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.home-reset-category-card:hover,.home-reset-feature-card:hover,.home-reset-showcase-card:hover{transform:translateY(-3px);border-color:#0f172acc;box-shadow:0 18px 38px #0f172a18}.home-reset-category-thumb{width:100%;min-height:96px!important;height:96px!important;border-radius:8px!important}.home-reset-real-frame{position:relative;display:block;overflow:hidden;background:radial-gradient(ellipse at 50% 88%,rgba(15,23,42,.06),transparent 34%),linear-gradient(180deg,#fff,#f8fbff)}.home-reset-real-image{width:100%;height:100%;display:block;object-fit:contain;object-position:center;transform:scale(1);transition:transform .18s ease;image-rendering:auto;will-change:transform}.home-reset-feature-thumb.home-reset-real-frame .home-reset-real-image{padding:4px;transform:scale(1.1)}.home-reset-category-thumb.home-reset-real-frame .home-reset-real-image{padding:3px;transform:scale(1.08)}.home-reset-category-card.dieline .home-reset-real-image{padding:8px;transform:scale(1)}.home-reset-category-card.dieline .home-reset-real-frame,.home-reset-feature-card.dieline .home-reset-real-frame{border:1px solid #eef3f8!important;background:linear-gradient(180deg,#fff,#fcfeff)}.home-reset-feature-card.dieline .home-reset-real-image{padding:12px;transform:scale(1)}.home-reset-category-card.mockup .home-reset-real-frame,.home-reset-category-card.design .home-reset-real-frame{background:radial-gradient(ellipse at 50% 86%,rgba(15,23,42,.055),transparent 34%),linear-gradient(180deg,#fff,#f8fbff)}.home-reset-showcase-thumb.home-reset-real-frame .home-reset-real-image{padding:8px;transform:scale(1.06)}.home-reset-category-card strong{min-height:26px;font-size:.78rem;line-height:1.18;font-weight:900}.home-reset-category-card small{color:#667386;font-size:.64rem;font-weight:750}.home-reset-category-card>span{position:absolute;right:10px;bottom:10px;width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#f4fbff;color:#0f172a;border:1px solid #e3f0fb;font-weight:950;transition:transform .16s ease,background .16s ease}.home-reset-category-card:hover>span{transform:translate(1px);background:#e9f8ff}.home-reset-showcase{padding:128px 0 86px;background:radial-gradient(circle at 50% 20%,rgba(24,211,196,.08),transparent 26%),#fbf6ff}.home-reset-showcase-grid{width:min(var(--home-reset-max),calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}.home-reset-showcase-card{min-height:280px;padding:18px;border:1.15px solid rgba(17,19,23,.82);border-radius:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.82fr);gap:18px;align-items:center;text-align:left;background:#fff;color:var(--home-reset-ink);cursor:pointer;box-shadow:0 16px 34px #0f172a0e;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-reset-showcase-card.card-1{grid-column:span 7;background:#fff8df}.home-reset-showcase-card.card-2{grid-column:span 5;background:#e8f6ff;grid-template-columns:1fr}.home-reset-showcase-card.card-3{grid-column:span 5;background:#fff}.home-reset-showcase-card.card-4{grid-column:span 7;background:#edffe9}.home-reset-showcase-thumb{width:100%;min-height:210px!important;height:210px!important;border-radius:10px!important}.home-reset-showcase-card h3{margin:0 0 10px;font-family:var(--font-display, inherit);font-size:clamp(1.3rem,2.3vw,2rem);line-height:1.08;font-weight:900}.home-reset-showcase-card p{margin:0;color:#3f4855;font-size:.92rem;line-height:1.55}.home-reset-cta{position:relative;padding:88px max(24px,calc((100vw - var(--home-reset-max)) / 2)) 82px;border-top:1px solid #f0e8ff;background:#fff;overflow:hidden;isolation:isolate}.home-reset-cta:before{content:"";position:absolute;inset:0;z-index:0;background:#fff}.home-reset-cta h2{position:relative;z-index:1;max-width:1120px;margin:0 0 22px;font-family:var(--font-display, inherit);font-size:clamp(2.2rem,4.1vw,3.95rem);line-height:1.06;font-weight:900;color:#151515;-webkit-text-fill-color:#151515;background:none;background-clip:border-box;-webkit-background-clip:border-box;text-shadow:none}.home-reset-cta h2 span{display:block;color:#151515;-webkit-text-fill-color:#151515}.home-reset-cta h2:before{content:none}.home-reset-cta h2:after{content:none}.home-reset-cta button{position:relative;z-index:1;min-height:44px;padding:0 20px;border:0;border-radius:8px;background:#151515!important;color:#fff;font-size:.82rem;font-weight:900;box-shadow:0 10px 24px #0f172a1f;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.home-reset-title-row button:hover,.home-reset-cta button:hover{transform:translateY(-1px);background:#05080d!important;box-shadow:0 14px 28px #0f172a2e}.home-view.ocean-home-reset-v1 .platform-footer:before{content:none!important}@media(max-width:980px){.home-reset-feature-row,.home-reset-card-grid.mockups,.home-reset-card-grid.dielines,.home-reset-card-grid.design,.home-reset-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-reset-showcase-card{grid-template-columns:1fr}}@media(max-width:640px){.home-reset-inner,.home-reset-main,.home-reset-showcase-grid{width:min(100% - 28px,var(--home-reset-max))}.home-reset-feature-row,.home-reset-card-grid.mockups,.home-reset-card-grid.dielines,.home-reset-card-grid.design,.home-reset-showcase-grid{grid-template-columns:1fr}.home-reset-showcase{padding-top:90px}.home-reset-title-row{align-items:flex-start;flex-direction:column}}@media(max-width:980px){.rich-card-grid,.tools-page-grid,.workspace-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.rich-card-grid,.tools-page-grid,.workspace-choice-grid{grid-template-columns:1fr}.ocean-workspace-btn{min-width:94px}}.mockup-library-page{--mockup-card-border: #dfe7f0;--mockup-ink: #111827;max-width:none!important;padding:34px var(--ocean-page-pad) 76px!important;background:radial-gradient(circle at 82% 0%,rgba(14,165,233,.1),transparent 30%),linear-gradient(180deg,#fff,#f7fbfd)!important}.mockup-library-page .mockup-library-hero{max-width:1180px!important;display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr)!important;gap:18px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.mockup-library-page .mockup-hero-copy,.mockup-library-page .mockup-hero-search-card,.mockup-library-page .mockup-filter-sidebar,.mockup-library-page .mockup-featured-panel,.mockup-library-page .mockup-product-card{border:1px solid var(--mockup-card-border)!important;border-radius:18px!important;background:#fffffff5!important;box-shadow:0 18px 42px #0f172a12!important}.mockup-library-page .mockup-hero-copy{min-height:260px;padding:34px 38px!important;background:linear-gradient(90deg,rgba(14,165,233,.08) 1px,transparent 1px),linear-gradient(rgba(14,165,233,.07) 1px,transparent 1px),linear-gradient(135deg,#fff,#f3fbff 58%,#eefcf8)!important;background-size:28px 28px,28px 28px,auto!important}.mockup-library-page .mockup-hero-copy h1{max-width:790px;margin:8px 0 16px;font-size:clamp(2.45rem,4.6vw,4.35rem)!important;line-height:.98!important;letter-spacing:0!important}.mockup-library-page .mockup-hero-copy p{max-width:660px;color:#516072;font-size:1rem;line-height:1.65}.mockup-library-page .mockup-hero-search-card{padding:24px!important;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:14px}.mockup-library-page .mockup-search-row{min-height:52px;border:1px solid #dbe5ef;border-radius:14px;background:#f9fcff!important;box-shadow:none!important}.mockup-library-page .mockup-search-row input{font-size:.94rem}.mockup-library-page .mockup-hero-stats,.mockup-library-page .mockup-active-summary{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:#5f6b7a;font-size:.82rem}.mockup-library-page .mockup-hero-stats strong{color:var(--mockup-ink);font-size:1.16rem}.mockup-library-page .mockup-library-layout{max-width:1180px!important;grid-template-columns:236px minmax(0,1fr)!important;gap:20px!important;margin-top:22px!important;align-items:start!important}.mockup-library-page .mockup-filter-sidebar{position:sticky;top:74px;padding:18px!important}.mockup-library-page .filter-panel-header{display:grid;gap:10px;margin-bottom:16px}.mockup-library-page .filter-panel-header h3{margin:0;font-size:1.08rem}.mockup-library-page .filter-panel-header p{margin:4px 0 0;color:#657386;font-size:.78rem;line-height:1.45}.mockup-library-page .filter-panel-header button,.mockup-library-page .library-secondary-action{min-height:36px;border:1px solid #111827!important;border-radius:999px!important;background:#111827!important;color:#fff!important;font-weight:850;padding:0 14px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.mockup-library-page .filter-block{display:grid;gap:8px;padding:12px 0;border-top:1px solid #edf1f5}.mockup-library-page .filter-block label{color:#1f2937;font-size:.78rem;font-weight:900}.mockup-library-page .filter-block select{min-height:38px;border:1px solid #dfe7f0;border-radius:10px;background:#fbfdff;color:#172033;font-size:.82rem;font-weight:720}.mockup-library-page .quick-filter-list{display:flex;flex-wrap:wrap;gap:8px}.mockup-library-page .quick-filter-list button{min-height:32px;border:1px solid #dfe7f0!important;background:#fff!important;color:#38465a!important;font-size:.72rem;font-weight:760;padding:0 10px}.mockup-library-page .quick-filter-list button.active{border-color:#0ea5e9!important;background:#e7f7ff!important;color:#0369a1!important}.mockup-library-page .mockup-library-content{display:grid;gap:22px}.mockup-library-page .mockup-featured-panel{padding:20px!important}.mockup-library-page .mockup-section-title-row{display:flex;align-items:end!important;justify-content:space-between;gap:18px;margin-bottom:16px}.mockup-library-page .mockup-section-title-row h2{margin:3px 0 0;color:var(--mockup-ink);font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.08;font-weight:950}.mockup-library-page .mockup-section-title-row p{margin:6px 0 0;color:#697586;font-size:.84rem}.mockup-library-page .featured-mockup-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.mockup-library-page .featured-mockup-card{min-height:292px!important;padding:12px!important;grid-template-rows:176px auto auto auto!important;border:1px solid #dfe7f0!important;border-radius:16px!important;background:#fff!important;text-align:left;box-shadow:0 12px 28px #0f172a0e!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mockup-library-page .featured-mockup-card:hover{transform:translateY(-3px);border-color:#0ea5e98c!important;box-shadow:0 20px 42px #0f172a1c!important}.mockup-library-page .featured-mockup-visual{height:176px!important}.mockup-library-page .featured-mockup-card em{color:#0f766e;font-size:.72rem;font-style:normal;font-weight:900}.mockup-library-page .featured-mockup-card span{color:var(--mockup-ink)!important;font-size:.98rem;line-height:1.18}.mockup-library-page .featured-mockup-card small{color:#64748b;font-size:.75rem}.mockup-library-page .catalog-title-row{margin:4px 0 -4px;padding:0 2px}.mockup-library-page .catalog-view-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid #dfe7f0;border-radius:999px;background:#fff;color:#64748b;font-size:.76rem;font-weight:850}.mockup-library-page .catalog-view-toggle span{padding:7px 12px;border-radius:999px}.mockup-library-page .catalog-view-toggle .active{background:#111827;color:#fff}.mockup-library-page .mockup-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.mockup-library-page .mockup-product-card{min-height:548px!important;display:grid;grid-template-rows:234px 1fr;overflow:visible;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mockup-library-page .mockup-product-card:hover{transform:translateY(-3px);border-color:#0ea5e980!important;box-shadow:0 22px 46px #0f172a1f!important}.mockup-library-page .mockup-card-preview{min-height:234px!important;padding:12px!important;overflow:hidden;background:linear-gradient(180deg,#f9fcff,#eef8fc)!important}.mockup-library-page .platform-thumbnail{height:100%;border:0!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#f4f9fc)!important;box-shadow:inset 0 0 0 1px #e2e8f0e6!important}.mockup-library-page .platform-thumbnail.has-image img{inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;object-fit:cover;object-position:center;image-rendering:auto}.mockup-library-page .platform-thumbnail.has-image-crop img{inset:auto!important;left:var(--image-crop-left)!important;top:var(--image-crop-top)!important;width:var(--image-crop-width)!important;height:var(--image-crop-height)!important;max-width:none!important;max-height:none!important;object-fit:fill!important;object-position:initial!important;mix-blend-mode:normal}.mockup-library-page .platform-thumbnail.has-image .platform-thumbnail-art{opacity:0}.mockup-library-page .mockup-card-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.mockup-library-page .mockup-card-badges span{border:1px solid rgba(209,218,229,.9)!important;background:#ffffffe0!important;color:#334155;font-size:.66rem;font-weight:850;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mockup-library-page .mockup-card-badges .ready{border-color:#14b8a640!important;background:#ecfdf5eb!important;color:#047857}.mockup-library-page .mockup-card-badges .pending{border-color:#f59e0b38!important;background:#fffbebeb!important;color:#92400e}.mockup-library-page .mockup-card-body{display:grid!important;grid-template-rows:auto auto minmax(62px,auto) auto auto 1fr!important;gap:10px;padding:16px!important}.mockup-library-page .mockup-card-kicker{color:#0f766e;font-size:.7rem;font-weight:950;letter-spacing:.02em}.mockup-library-page .mockup-product-card h3{margin:0;color:var(--mockup-ink)!important;font-size:1.03rem;line-height:1.18}.mockup-library-page .mockup-product-card p{margin:0;color:#5f6f82;font-size:.8rem;line-height:1.48}.mockup-library-page .mockup-card-meta,.mockup-library-page .mockup-tag-row{display:flex;flex-wrap:wrap;gap:6px}.mockup-library-page .mockup-card-meta span,.mockup-library-page .mockup-tag-row span{border:1px solid #e5edf5!important;border-radius:999px!important;background:#f8fbfd!important;color:#526173;font-size:.68rem;font-weight:760;padding:5px 8px}.mockup-library-page .mockup-card-actions{align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.mockup-library-page .mockup-card-actions button{min-height:40px!important;border:1px solid #dbe5ef!important;border-radius:10px!important;background:#fff!important;color:#111827!important;font-size:.78rem;font-weight:900!important;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.mockup-library-page .mockup-card-actions .primary{border-color:#111827!important;background:#111827!important;color:#fff!important}.mockup-library-page .mockup-card-actions .primary:disabled{border-color:#dbe3ec!important;background:#eef2f6!important;color:#7a8796!important;cursor:not-allowed}.mockup-library-page .mockup-card-actions button:not(:disabled):hover,.mockup-library-page .library-secondary-action:not(:disabled):hover,.mockup-library-page .filter-panel-header button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.mockup-library-page .mockup-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-top:10px}.mockup-library-page .mockup-pagination button{min-height:36px;min-width:38px;border:1px solid #dfe7f0;border-radius:10px;background:#fff;color:#172033;font-weight:850}.mockup-library-page .mockup-pagination button.active{background:#111827;color:#fff;border-color:#111827}.mockup-library-page .mockup-pagination button:disabled{color:#9aa6b2;background:#f3f6f9}@media(max-width:1180px){.mockup-library-page .mockup-card-grid,.mockup-library-page .featured-mockup-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:900px){.mockup-library-page .mockup-library-hero,.mockup-library-page .mockup-library-layout{grid-template-columns:1fr!important}.mockup-library-page .mockup-filter-sidebar{position:static}}@media(max-width:640px){.mockup-library-page .mockup-card-grid,.mockup-library-page .featured-mockup-strip{grid-template-columns:1fr!important}}.mockups-main-v2{padding-top:26px!important;background:#fbfdff!important}.mockups-main-v2 .mockup-library-hero{max-width:1240px!important;grid-template-columns:minmax(0,1fr) 420px!important;margin-bottom:18px!important}.mockups-main-v2 .mockup-hero-copy{min-height:210px;padding:30px 34px!important;background:linear-gradient(180deg,#fff,#f4fbff)!important}.mockups-main-v2 .mockup-hero-copy h1{max-width:700px;font-size:clamp(2.35rem,4.1vw,4rem)!important}.mockups-main-v2 .mockup-hero-search-card{padding:22px!important}.mockups-main-v2 .mockup-reference-note{margin:0;padding:12px 0 0;border-top:1px solid #e7eef6;color:#66778a;font-size:.78rem;line-height:1.45}.mockups-main-v2 .mockup-library-layout{max-width:1240px!important;grid-template-columns:248px minmax(0,1fr)!important;gap:18px!important}.mockups-main-v2 .mockup-filter-sidebar{padding:14px!important;border-radius:14px!important;box-shadow:none!important}.mockups-main-v2 .filter-panel-header{margin-bottom:10px}.mockups-main-v2 .filter-panel-header button{width:100%;min-height:34px}.mockups-main-v2 .mockup-sidebar-category-list{display:grid;gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e8eef5}.mockups-main-v2 .mockup-sidebar-category-list button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;border:1px solid transparent;border-radius:9px;background:transparent;color:#263244;padding:0 10px;text-align:left;font-size:.78rem;font-weight:780;cursor:pointer}.mockups-main-v2 .mockup-sidebar-category-list button:hover,.mockups-main-v2 .mockup-sidebar-category-list button.active{border-color:#d8e6f3;background:#f2f9ff;color:#0f6b9a}.mockups-main-v2 .mockup-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}.mockups-main-v2 .mockup-product-card{min-height:390px!important;grid-template-rows:178px 1fr!important;border-radius:13px!important;overflow:visible!important;box-shadow:none!important}.mockups-main-v2 .mockup-card-preview{min-height:178px!important;padding:8px!important;overflow:hidden!important;background:#f8fbfd!important}.mockups-main-v2 .mockup-variant-options{position:absolute;z-index:4;right:10px;bottom:9px;left:10px;display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:auto}.mockups-main-v2 .mockup-variant-options button{width:25px;height:25px;padding:2px;overflow:hidden;border:1px solid #c9d3df;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0f172a1f;cursor:pointer}.mockups-main-v2 .mockup-variant-options button.active{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}.mockups-main-v2 .mockup-variant-options img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mockups-main-v2 .mockup-variant-options span{padding:2px 5px;border-radius:9px;background:#ffffffe6;color:#475569;font-size:.58rem;font-weight:800}.mockups-main-v2 .platform-thumbnail{border-radius:10px!important;background:#fff!important}.mockup-library-page.mockups-main-v2 .platform-thumbnail.has-image.has-image-crop img{inset:auto!important;left:var(--image-crop-left)!important;top:var(--image-crop-top)!important;width:var(--image-crop-width)!important;height:var(--image-crop-height)!important;max-width:none!important;max-height:none!important;object-fit:fill!important;object-position:initial!important;mix-blend-mode:normal}.mockups-main-v2 .mockup-card-body{gap:7px;padding:11px!important;grid-template-rows:auto auto minmax(38px,auto) auto auto 1fr!important;overflow:visible}.mockups-main-v2 .mockup-product-card h3{font-size:.86rem;line-height:1.18}.mockups-main-v2 .mockup-card-actions{gap:6px}.mockups-main-v2 .mockup-card-actions button{min-height:32px!important;border-radius:8px!important;font-size:.67rem}.mockups-main-v2 .mockup-sidebar-category-list small{color:#8a97a8;font-size:.68rem;font-weight:850}.mockups-main-v2 .filter-block{padding:9px 0}.mockups-main-v2 .filter-block select{min-height:34px}.mockups-main-v2 .mockup-featured-panel{padding:16px!important;border-radius:14px!important;box-shadow:none!important}.mockups-main-v2 .featured-mockup-strip{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}.mockups-main-v2 .featured-mockup-card{min-height:220px!important;padding:8px!important;grid-template-rows:132px auto auto auto!important;border-radius:12px!important;box-shadow:none!important}.mockups-main-v2 .featured-mockup-visual{height:132px!important}.mockups-main-v2 .featured-mockup-card em{font-size:.64rem}.mockups-main-v2 .featured-mockup-card span{font-size:.78rem}.mockups-main-v2 .featured-mockup-card small{font-size:.68rem}.mockups-main-v2 .catalog-title-row{padding:12px 0 0;border-top:1px solid #e7edf4}.mockups-main-v2 .mockup-card-grid{align-items:stretch;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}.mockups-main-v2 .mockup-product-card{height:100%;min-height:420px!important;grid-template-rows:188px minmax(0,1fr)!important;border-radius:13px!important;box-shadow:none!important}.mockups-main-v2 .mockup-card-preview{min-height:188px!important;aspect-ratio:16 / 10;padding:8px!important;background:#f8fbfd!important}.mockups-main-v2 .platform-thumbnail{min-height:100%!important;border-radius:10px!important;background:#fff!important}.mockups-main-v2 .platform-thumbnail.has-image img{inset:5px!important;width:calc(100% - 10px)!important;height:calc(100% - 10px)!important;object-fit:cover}.mockups-main-v2 .mockup-card-badges{top:8px;left:8px;right:8px;gap:4px}.mockups-main-v2 .mockup-card-badges span{padding:4px 7px;font-size:.58rem}.mockups-main-v2 .mockup-card-body{display:grid!important;gap:7px;padding:11px!important;grid-template-rows:auto minmax(40px,auto) minmax(34px,34px) 1fr auto!important;align-content:start}.mockups-main-v2 .mockup-card-kicker{font-size:.62rem}.mockups-main-v2 .mockup-product-card h3{display:-webkit-box;min-height:40px;font-size:.86rem;line-height:1.18;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mockups-main-v2 .mockup-product-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.69rem}.mockups-main-v2 .mockup-card-meta span,.mockups-main-v2 .mockup-tag-row span{padding:4px 6px;font-size:.58rem}.mockups-main-v2 .mockup-card-actions{align-self:end;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:auto}.mockups-main-v2 .mockup-card-actions button{min-height:32px!important;min-width:0;border-radius:8px!important;font-size:.67rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockups-main-v2 .mockup-education-section,.mockups-main-v2 .mockup-faq-section{margin-top:18px;padding:20px;border:1px solid #dfe7f0;border-radius:16px;background:#fff}.mockups-main-v2 .mockup-how-grid,.mockups-main-v2 .mockup-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mockups-main-v2 .mockup-how-grid article,.mockups-main-v2 .mockup-faq-grid article{min-height:130px;padding:16px;border:1px solid #e4ebf3;border-radius:13px;background:linear-gradient(180deg,#fff,#f8fbfd)}.mockups-main-v2 .mockup-how-grid span{display:grid;width:30px;height:30px;margin-bottom:10px;place-items:center;border-radius:999px;background:#111827;color:#fff;font-weight:900}.mockups-main-v2 .mockup-how-grid h3,.mockups-main-v2 .mockup-faq-grid h3{margin:0 0 8px;color:#111827;font-size:.98rem}.mockups-main-v2 .mockup-how-grid p,.mockups-main-v2 .mockup-faq-grid p{margin:0;color:#64748b;font-size:.78rem;line-height:1.5}@media(min-width:1500px){.mockups-main-v2 .mockup-library-hero,.mockups-main-v2 .mockup-library-layout{max-width:1380px!important}.mockups-main-v2 .mockup-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media(max-width:1180px){.mockups-main-v2 .featured-mockup-strip,.mockups-main-v2 .mockup-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.dielines-main-v1{padding:24px 0 88px;background:radial-gradient(circle at top left,rgba(191,219,254,.2),transparent 35%),linear-gradient(180deg,#f8fafc,#f1f5f9)}.dielines-main-v1 .dielines-main-hero,.dielines-main-v1 .dielines-main-layout{max-width:1560px;margin:0 auto;padding:0 24px}.dielines-main-v1 .dielines-main-hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;margin-bottom:24px}.dielines-main-v1 .dielines-main-hero-copy,.dielines-main-v1 .dielines-main-search-card,.dielines-main-v1 .dielines-main-sidebar,.dielines-main-v1 .dielines-featured-panel,.dielines-main-v1 .dielines-results-section-v1{border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 4px 20px #0f172a08}.dielines-main-v1 .dielines-main-hero-copy{padding:24px 28px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(14,165,233,.03) 1px,transparent 1px),linear-gradient(rgba(14,165,233,.02) 1px,transparent 1px),linear-gradient(135deg,#fff,#f0f9ff);background-size:24px 24px,24px 24px,auto}.dielines-main-v1 .dielines-main-hero-copy h1{margin:6px 0 10px;color:#0f172a;font-size:clamp(1.8rem,2.6vw,2.8rem);line-height:1.1;font-weight:800}.dielines-main-v1 .dielines-main-hero-copy p{color:#475569;font-size:.92rem;line-height:1.5;margin:0}.dielines-main-v1 .dielines-main-search-card{padding:20px;display:flex;flex-direction:column;justify-content:center;gap:12px}.dielines-main-v1 .dielines-main-search-card label{color:#475569;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dielines-main-v1 .dieline-main-search-row{min-height:44px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc}.dielines-main-v1 .dieline-main-search-row span{color:#64748b;font-size:.75rem;font-weight:600}.dielines-main-v1 .dieline-main-search-row input{min-width:0;border:0;outline:none;background:transparent;color:#0f172a;font-size:.88rem}.dielines-main-v1 .dieline-main-search-row button{min-height:28px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;padding:0 10px;font-size:.75rem;font-weight:600;cursor:pointer}.dielines-main-v1 .dieline-main-search-row button:hover{background:#f1f5f9;border-color:#94a3b8}.dielines-main-v1 .dielines-main-stats{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:#475569;font-size:.8rem}.dielines-main-v1 .dielines-main-stats strong{color:#0f172a;font-weight:700}.dielines-main-v1 .dielines-main-search-card p{margin:0;padding-top:8px;border-top:1px solid #f1f5f9;color:#64748b;font-size:.72rem;line-height:1.4}.dielines-main-v1 .dielines-main-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.dielines-main-v1 .dielines-main-sidebar{position:sticky;top:92px;padding:20px 16px}.dielines-main-v1 .dielines-sidebar-header{display:flex;flex-direction:column;gap:4px}.dielines-main-v1 .dielines-sidebar-header h3{margin:0;color:#0f172a;font-size:.95rem;font-weight:700}.dielines-main-v1 .dielines-sidebar-header p{margin:0 0 10px;color:#64748b;font-size:.75rem;line-height:1.4}.dielines-main-v1 .dielines-sidebar-header button{width:100%;min-height:32px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;font-size:.78rem;font-weight:600;cursor:pointer;margin-bottom:8px}.dielines-main-v1 .dielines-sidebar-header button:hover{background:#f1f5f9;border-color:#94a3b8}.dielines-main-v1 .dielines-category-list{display:flex;flex-direction:column;gap:2px;margin:12px 0;padding:12px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.dielines-main-v1 .dielines-category-list button{min-height:32px;display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:6px;background:transparent;color:#334155;padding:0 8px;text-align:left;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.dielines-main-v1 .dielines-category-list button:hover{background:#f1f5f9;color:#0f172a}.dielines-main-v1 .dielines-category-list button.active{background:#e0f2fe;color:#0369a1;border-color:#bae6fd;font-weight:600}.dielines-main-v1 .dielines-category-list small{color:#64748b;font-size:.7rem;font-weight:600;background:#f1f5f9;padding:1px 6px;border-radius:999px;transition:all .15s ease}.dielines-main-v1 .dielines-category-list button.active small{background:#bae6fd;color:#0369a1}.dielines-main-v1 .dielines-filter-block{display:flex;flex-direction:column;gap:6px;margin-top:8px}.dielines-main-v1 .dielines-filter-block label{color:#334155;font-size:.75rem;font-weight:700}.dielines-main-v1 .dielines-filter-block select{min-height:34px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f172a;font-size:.8rem;padding:0 8px;outline:none}.dielines-main-v1 .dielines-filter-block select:focus{border-color:#0284c7}.dielines-main-v1 .dielines-main-content{display:flex;flex-direction:column;gap:20px}.dielines-main-v1 .dielines-featured-panel,.dielines-main-v1 .dielines-results-section-v1{padding:24px}.dielines-main-v1 .dielines-section-title-row{margin-bottom:18px}.dielines-main-v1 .dielines-section-title-row h2{margin:4px 0 0;color:#0f172a;font-size:1.4rem;font-weight:800}.dielines-main-v1 .dielines-section-title-row p{margin:4px 0 0;color:#64748b;font-size:.8rem}.dielines-main-v1 .dielines-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dielines-main-v1 .dieline-feature-card{display:flex;flex-direction:column;gap:0;border:1px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .15s ease;overflow:hidden}.dielines-main-v1 .dieline-feature-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 6px 16px #0f172a12}.dielines-main-v1 .dieline-feature-thumb{height:120px;overflow:hidden;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.dielines-main-v1 .dieline-feature-info{display:flex;flex-direction:column;gap:2px;padding:10px 12px}.dielines-main-v1 .dieline-feature-info strong{color:#0f172a;font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dielines-main-v1 .dieline-feature-info span{color:#64748b;font-size:.66rem}.dielines-main-v1 .dielines-card-grid-v1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dielines-main-v1 .dielines-card-grid-v1.dielines-grid-1{grid-template-columns:minmax(0,480px)!important}.dielines-main-v1 .dielines-card-grid-v1.dielines-grid-2{grid-template-columns:repeat(2,minmax(0,480px))!important}.dielines-main-v1 .dieline-main-card{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden;transition:all .2s ease}.dielines-main-v1 .dieline-main-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a0f}.dielines-main-v1 .dieline-card-visual-wrapper{position:relative;width:100%}.dielines-main-v1 .dieline-preview-container{display:grid;grid-template-columns:1fr;height:200px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.dielines-main-v1 .dieline-preview-container.has-render{grid-template-columns:1fr 110px}.dielines-main-v1 .dieline-main-card-preview{height:100%;padding:10px;display:flex;align-items:center;justify-content:center}.dielines-main-v1 .dieline-main-card-render{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #e2e8f0;background:#fff;padding:8px;position:relative}.dielines-main-v1 .dieline-render-label{position:absolute;bottom:6px;right:8px;font-size:.6rem;color:#94a3b8;font-weight:700}.dielines-main-v1 .platform-thumbnail-dieline{height:100%;width:100%;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.dielines-main-v1 .platform-thumbnail-dieline.has-image img{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important}.dielines-main-v1 .dieline-card-badges{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:10;pointer-events:none}.dielines-main-v1 .dieline-card-badges span{padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600;box-shadow:0 1px 2px #0000000d}.dielines-main-v1 .dieline-badge-diff{background:#fff;border:1px solid #cbd5e1;color:#475569}.dielines-main-v1 .dieline-badge-diff.diff-easy{color:#16a34a;border-color:#bbf7d0;background:#f0fdf4}.dielines-main-v1 .dieline-badge-diff.diff-medium{color:#d97706;border-color:#fde68a;background:#fffbeb}.dielines-main-v1 .dieline-badge-diff.diff-hard{color:#dc2626;border-color:#fecaca;background:#fef2f2}.dielines-main-v1 .dieline-badge-dl,.dielines-main-v1 .dieline-badge-pr{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.dielines-main-v1 .dieline-main-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}.dielines-main-v1 .dieline-card-kicker{color:#0284c7;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1px}.dielines-main-v1 .dieline-main-card h3{margin:0 0 6px;color:#0f172a;font-size:.9rem;line-height:1.3;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dielines-main-v1 .dieline-card-meta{display:flex;flex-wrap:wrap;gap:3px}.dielines-main-v1 .dieline-card-meta span{padding:1px 5px;border:1px solid #e2e8f0;border-radius:3px;background:#f8fafc;color:#475569;font-size:.65rem;font-weight:500}.dielines-main-v1 .dieline-card-actions{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:10px}.dielines-main-v1 .dieline-card-actions button{border:none;background:transparent;color:#64748b;font-size:.72rem;font-weight:500;cursor:pointer;padding:0;transition:color .15s ease;flex-shrink:0}.dielines-main-v1 .dieline-card-actions button:hover{color:#0f172a}.dielines-main-v1 .dieline-card-actions .primary.compact{padding:4px 12px;border-radius:20px;border:1px solid #0f172a;background:#0f172a;color:#fff;font-size:.72rem;font-weight:600;min-height:unset}.dielines-main-v1 .dieline-card-actions .primary.compact:hover{background:#1e293b;border-color:#1e293b}.dielines-main-v1 .dieline-card-actions .text-link{color:#475569;font-size:.72rem;font-weight:500;letter-spacing:0}.dielines-main-v1 .dieline-card-actions .text-link:hover{color:#0284c7}.dielines-main-v1 .dielines-load-more-row{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 0 0;border-top:1px solid #e2e8f0;margin-top:12px}.dielines-main-v1 .dielines-load-more-hint{margin:0;color:#64748b;font-size:.78rem}.dielines-main-v1 .dielines-load-more-btn{min-height:38px;padding:0 24px;border:none;border-radius:20px;background:#0f172a;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.dielines-main-v1 .dielines-load-more-btn:hover{background:#1e293b}.dielines-main-v1 .dielines-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 20px;border:1px dashed #cbd5e1;border-radius:12px;background:#fff;text-align:center}.dielines-main-v1 .dielines-empty-icon{font-size:2rem;color:#94a3b8}.dielines-main-v1 .dielines-empty-state h3{margin:0;color:#0f172a;font-size:1rem;font-weight:700}.dielines-main-v1 .dielines-empty-state p{margin:0;color:#64748b;font-size:.8rem}.dielines-back-to-top{position:fixed;right:24px;bottom:24px;z-index:100;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:50%;background:#ffffffe6;box-shadow:0 4px 12px #0f172a14;color:#0f172a;font-size:1rem;cursor:pointer;transition:all .15s ease}.dielines-back-to-top:hover{background:#fff;transform:translateY(-1px)}@media(min-width:1500px){.dielines-main-v1 .dielines-card-grid-v1{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1280px){.dielines-main-v1 .dielines-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dielines-main-v1 .dielines-card-grid-v1{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.dielines-main-v1 .dielines-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:992px){.dielines-main-v1 .dielines-main-hero,.dielines-main-v1 .dielines-main-layout{grid-template-columns:1fr}.dielines-main-v1 .dielines-main-sidebar{position:static}.dielines-main-v1 .dielines-category-list{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dielines-main-v1 .dielines-card-grid-v1,.dielines-main-v1 .dielines-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.dielines-main-v1 .dielines-featured-grid,.dielines-main-v1 .dielines-card-grid-v1,.dielines-main-v1 .dielines-card-grid-v1.dielines-grid-1,.dielines-main-v1 .dielines-card-grid-v1.dielines-grid-2{grid-template-columns:1fr!important}.dielines-main-v1 .dieline-preview-container.has-render{grid-template-columns:1fr;grid-template-rows:1fr 90px;height:auto}.dielines-main-v1 .dieline-main-card-preview{height:160px}.dielines-main-v1 .dieline-main-card-render{border-left:none;border-top:1px solid #e2e8f0;height:90px}.dielines-main-v1 .dieline-card-actions{flex-wrap:wrap;gap:6px}.dielines-main-v1 .dieline-main-card h3{white-space:normal}}@media(max-width:420px){.dielines-main-v1 .dieline-main-card-body{padding:10px 12px 12px}.dielines-main-v1 .dieline-card-actions .primary.compact{width:100%;text-align:center;justify-content:center;padding:5px 12px}}.dielines-main-v1{padding:28px 0 96px;background:radial-gradient(circle at top left,rgba(125,211,252,.28),transparent 30%),radial-gradient(circle at top right,rgba(191,219,254,.32),transparent 28%),linear-gradient(180deg,#f8fbff,#eef4f8)}.dielines-main-v1 .dielines-main-hero,.dielines-main-v1 .dielines-main-layout{max-width:1600px;padding:0 18px}.dielines-main-v1 .dielines-main-hero{grid-template-columns:minmax(0,1fr) 400px;gap:24px;margin-bottom:28px}.dielines-main-v1 .dielines-main-hero-copy,.dielines-main-v1 .dielines-main-search-card,.dielines-main-v1 .dielines-main-sidebar,.dielines-main-v1 .dielines-featured-panel,.dielines-main-v1 .dielines-results-section-v1{border-radius:22px;border-color:#ced9e4f2;box-shadow:0 18px 44px #0f172a0d}.dielines-main-v1 .dielines-main-hero-copy{padding:34px 38px;background:linear-gradient(90deg,rgba(8,145,178,.06) 1px,transparent 1px),linear-gradient(rgba(8,145,178,.05) 1px,transparent 1px),linear-gradient(135deg,#fff,#f4fbff 64%,#eef7ff);background-size:28px 28px,28px 28px,auto}.dielines-main-v1 .dielines-main-hero-copy h1{margin:8px 0 14px;font-size:clamp(2.1rem,3vw,3.35rem);line-height:1.02;letter-spacing:-.03em}.dielines-main-v1 .dielines-main-hero-copy p{max-width:58ch;color:#526277;font-size:.98rem;line-height:1.65}.dielines-main-v1 .dielines-main-search-card{padding:24px;gap:14px;background:linear-gradient(180deg,#fff,#f8fbfd)}.dielines-main-v1 .dieline-main-search-row{min-height:52px;gap:10px;padding:0 14px;border-radius:12px;border-color:#d7e0ea;background:#f7fafc}.dielines-main-v1 .dieline-main-search-row:focus-within{border-color:#7dd3fc;box-shadow:0 0 0 4px #0ea5e91f;background:#fff}.dielines-main-v1 .dieline-main-search-row input{font-size:.95rem}.dielines-main-v1 .dielines-main-stats{gap:6px 10px;font-size:.84rem}.dielines-main-v1 .dielines-main-layout{grid-template-columns:292px minmax(0,1fr);gap:24px}.dielines-main-v1 .dielines-main-sidebar{top:84px;padding:18px 18px 20px}.dielines-main-v1 .dielines-sidebar-header{gap:6px}.dielines-main-v1 .dielines-sidebar-header h3{font-size:1rem}.dielines-main-v1 .dielines-sidebar-header p{margin:0 0 8px;font-size:.78rem;line-height:1.55}.dielines-main-v1 .dielines-sidebar-header button{width:auto;min-height:36px;padding:0 12px;border-radius:10px;margin-bottom:0;align-self:flex-start}.dielines-main-v1 .dielines-sidebar-header button:disabled{cursor:default;opacity:.45}.dielines-main-v1 .dielines-category-list{gap:6px;margin:16px 0;padding:16px 0}.dielines-main-v1 .dielines-category-list button{min-height:40px;padding:0 12px;border-radius:10px;font-size:.81rem;font-weight:600}.dielines-main-v1 .dielines-category-list button span{min-width:0;text-wrap:balance}.dielines-main-v1 .dielines-category-list small{min-width:32px;text-align:center;padding:3px 7px}.dielines-main-v1 .dielines-filter-block{gap:8px;margin-top:14px}.dielines-main-v1 .dielines-filter-block select{min-height:40px;border-radius:10px;padding:0 10px}.dielines-main-v1 .dielines-filter-summary-box{display:grid;gap:8px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:linear-gradient(180deg,#f8fbff,#fff)}.dielines-main-v1 .dielines-filter-summary-box span{color:#334155;font-size:.78rem;font-weight:600}.dielines-main-v1 .dielines-featured-panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#0ea5e914,#fff0 48%),linear-gradient(180deg,#fff,#f9fcff)}.dielines-main-v1 .dielines-featured-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(191,219,254,.5),transparent 24%);pointer-events:none}.dielines-main-v1 .dielines-results-section-v1{background:linear-gradient(180deg,#fff,#fbfdff)}.dielines-main-v1 .dielines-featured-panel,.dielines-main-v1 .dielines-results-section-v1{padding:28px}.dielines-main-v1 .dielines-section-title-row{margin-bottom:22px}.dielines-main-v1 .dielines-section-title-row h2{font-size:clamp(1.45rem,1.8vw,1.9rem);line-height:1.08;letter-spacing:-.02em}.dielines-main-v1 .dielines-section-title-row p{margin-top:8px;font-size:.84rem;line-height:1.55}.dielines-main-v1 .dielines-featured-grid{gap:16px}.dielines-main-v1 .dieline-feature-card{border-radius:16px;background:#ffffffeb}.dielines-main-v1 .dieline-feature-thumb{height:154px;background:linear-gradient(180deg,#fcfeff,#edf5fa)}.dielines-main-v1 .dieline-feature-info{gap:4px;padding:14px 14px 16px}.dielines-main-v1 .dieline-feature-info strong{font-size:.88rem}.dielines-main-v1 .dieline-feature-info span{font-size:.72rem}.dielines-main-v1 .dielines-card-grid-v1{gap:22px}.dielines-main-v1 .dieline-main-card{border-radius:18px;box-shadow:0 12px 28px #0f172a0b}.dielines-main-v1 .dieline-main-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #0f172a17}.dielines-main-v1 .dieline-preview-container{height:248px;background:linear-gradient(180deg,#fafdff,#edf3f8)}.dielines-main-v1 .dieline-preview-container.has-render{grid-template-columns:minmax(0,1fr) 136px}.dielines-main-v1 .dieline-main-card-preview{padding:16px 18px}.dielines-main-v1 .dieline-main-card-render{padding:10px;background:linear-gradient(180deg,#fff,#f5fbff)}.dielines-main-v1 .dieline-main-card-render .platform-thumbnail{min-height:100%}.dielines-main-v1 .dieline-main-card-render .platform-thumbnail img{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);mix-blend-mode:normal;object-fit:contain}.dielines-main-v1 .dieline-render-label{bottom:8px;right:10px;padding:3px 7px;border-radius:999px;background:#fffffff0;color:#0f172a;font-size:.59rem;letter-spacing:.06em}.dielines-main-v1 .platform-thumbnail-dieline.has-image img{inset:10px!important;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important}.dielines-main-v1 .dieline-card-badges{top:10px;left:10px;right:auto;gap:6px}.dielines-main-v1 .dieline-card-badges span{padding:4px 8px;border-radius:999px;font-size:.67rem}.dielines-main-v1 .dieline-main-card-body{gap:6px;padding:16px 16px 18px}.dielines-main-v1 .dieline-card-kicker{font-size:.66rem;letter-spacing:.08em}.dielines-main-v1 .dieline-main-card h3{margin-bottom:2px;font-size:1rem;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.dielines-main-v1 .dieline-card-meta{gap:6px}.dielines-main-v1 .dieline-card-meta span{padding:5px 8px;border-radius:999px;font-size:.69rem;background:#f7fafc}.dielines-main-v1 .dieline-card-actions{gap:12px;padding-top:12px}.dielines-main-v1 .dieline-card-actions .primary.compact{min-height:36px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,#0f172a,#162338)}.mockup-studio-page.v23-studio-page{min-height:calc(100vh - 70px);background:linear-gradient(180deg,#f4f7fa,#eef3f7);color:#122033}.mockup-studio-header{height:74px;padding:0 28px;background:#fffffff5;border-bottom:1px solid #dbe5ee;box-shadow:0 10px 24px #0f172a0a}.mockup-studio-workbench.v23-workbench{display:grid;grid-template-columns:72px 312px minmax(0,1fr);gap:18px;padding:20px 24px 24px;background:transparent!important}.studio-rail,.studio-side-panel,.studio-preview-stage,.studio-dieline-card,.studio-view-strip{border:1px solid #dbe5ee;box-shadow:0 20px 48px #0f172a0f}.studio-rail{width:auto;margin:0;padding:12px 10px;border-radius:22px;background:linear-gradient(180deg,#fffffff5,#f7fafcf0);gap:10px}.studio-rail-btn{width:100%;min-height:78px;padding:10px 8px;border-radius:18px;color:#6b7a89;display:grid;justify-items:center;gap:4px;border:1px solid transparent;background:transparent;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.studio-rail-btn span{font-size:15px;font-weight:800;min-width:38px;min-height:38px;padding:0 10px;border-radius:12px;display:grid;place-items:center;color:#1d527d;background:linear-gradient(180deg,#f7fbff,#ebf3f8);border:1px solid #d8e4ee}.studio-rail-btn strong{font-size:.8rem;line-height:1.15}.studio-rail-btn small{font-size:10px;font-weight:700;text-align:center;color:#7b8b99}.studio-rail-btn.active{background:linear-gradient(180deg,#f8fbfe,#eef5fa);border-color:#d7e4ef;color:#0d6fb8;transform:translateY(-1px)}.studio-rail-btn:hover{background:#f4f8fbe0;border-color:#dbe7f1}.studio-side-panel.v23-side-panel{width:360px!important;margin:24px 18px 24px 0;padding:18px;border-radius:28px;background:#fffffffa;display:grid;align-content:start;gap:14px}.studio-card-section{padding:16px;border-radius:18px;background:#f9fbfc;border:1px solid #e6edf3}.studio-card-section.primary{background:linear-gradient(180deg,#fff,#f4f8fb);border:1px solid #e2e8f0;box-shadow:0 14px 28px #0f172a14}.studio-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.studio-card-head h2,.v23-dieline-header strong{margin:0;font-size:.95rem}.studio-card-head span,.studio-card-section p,.studio-meta-stack span,.v23-dieline-header span,.studio-stage-topline span,.studio-stage-meta span,.studio-upload-note{color:#6b7a89;font-size:.78rem;line-height:1.5}.studio-upload-cta,.studio-create-ai-btn,.studio-outline-btn,.studio-export-btn{min-height:42px;border-radius:12px}.studio-upload-cta{width:100%;border:1px solid #d8e3ec;background:#fff;font-weight:800}.studio-mini-list,.studio-meta-stack,.applied-surface-list.clean,.v23-dieline-summary{display:grid;gap:8px}.studio-mini-list button,.applied-surface-list.clean button,.v23-dieline-summary button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid #dde6ee;border-radius:12px;background:#fff;text-align:left}.applied-surface-list.clean.separated button{padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#fff,#f7fafc)}.studio-range-row{display:flex;justify-content:space-between;font-size:.82rem;font-weight:700;margin-bottom:10px}.studio-dimension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-dimension-grid div{padding:12px 8px;border-radius:14px;background:#fff;border:1px solid #dfe8ef;text-align:center}.studio-dimension-grid strong{display:block;font-size:1.05rem}.studio-dimension-grid span{color:#718296;font-size:.74rem}.studio-canvas-area.v23-canvas-area{padding:0!important}.studio-main-shell{display:grid;gap:14px;min-height:100%}.studio-preview-stage{position:relative;min-height:620px;padding:18px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 18%,#ffffffeb,#f7fafcfa 44%,#edf3f7)}.studio-preview-stage .ocean-dieline-3d-viewer{height:100%;min-height:560px;max-height:none!important;border-radius:22px}.studio-stage-topline,.v23-dieline-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.studio-stage-meta{display:flex;gap:8px}.studio-floating-toolbar.right{right:26px;top:92px;width:56px;padding:10px 6px;border-radius:18px;background:#fffffff0;box-shadow:0 16px 40px #0f172a1f}.studio-floating-toolbar button.active{background:#edf5fb;color:#0d6fb8}.studio-bottom-toolbar.light{left:50%;bottom:20px;transform:translate(-50%);min-height:56px;padding:10px 16px;border-radius:18px;background:#fffffff2;box-shadow:0 18px 44px #0f172a1f}.studio-bottom-toolbar label{min-width:260px}.studio-fold-quick-actions{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:16px;border:1px solid #dde6ef;background:linear-gradient(180deg,#fbfdff,#eef3f8)}.studio-fold-quick-actions button,.studio-fold-slider button{min-width:84px;min-height:34px;border-radius:10px;border:1px solid transparent;background:transparent;color:#617386;font-size:.74rem;font-weight:800;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.studio-fold-quick-actions button:hover,.studio-fold-slider button:hover{background:#fffffff5;border-color:#d5e1eb;color:#1c3752}.studio-fold-quick-actions button.active,.studio-fold-slider button.active{background:linear-gradient(180deg,#fff,#eef6ff);border-color:#cfe0f2;color:#0f67b3;box-shadow:0 10px 22px #0f172a14}.studio-fold-slider{display:inline-flex;align-items:center;gap:10px}.studio-fold-slider span{color:#6b7d90;font-size:.75rem;font-weight:700}.studio-bottom-toolbar input[type=range]{width:150px}.studio-view-strip{display:inline-flex;justify-self:center;gap:6px;padding:6px;border-radius:999px;background:#fffffff2}.studio-view-strip button{min-width:88px;height:36px;border:0;border-radius:999px;background:transparent;color:#617386;font-weight:700}.studio-view-strip button.active{background:#eff5f9;color:#122033}.studio-dieline-card{padding:16px;border-radius:24px;background:#fffffff5}.v23-dieline-svg{width:100%;height:260px;border-radius:18px;background:#f8fbfd}@media(max-width:1180px){.mockup-studio-workbench.v23-workbench{grid-template-columns:72px minmax(260px,300px) minmax(0,1fr);padding:16px}}@media(max-width:920px){.mockup-studio-workbench.v23-workbench{grid-template-columns:1fr}.studio-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.studio-preview-stage{min-height:520px}.studio-bottom-toolbar.light{width:calc(100% - 28px)}}.dielines-main-v1 .dielines-load-more-row{gap:10px;margin-top:18px;padding-top:24px}.dielines-main-v1 .dielines-load-more-btn{min-height:42px;padding:0 26px;border-radius:999px}.dielines-main-v1 .dielines-empty-state{padding:56px 22px;border-radius:18px}.dielines-back-to-top{right:18px;bottom:18px;width:44px;height:44px;border-radius:14px;background:#fffffff5}@media(max-width:1280px){.dielines-main-v1 .dielines-main-hero,.dielines-main-v1 .dielines-main-layout{padding:0 16px}}@media(max-width:992px){.dielines-main-v1 .dielines-main-hero,.dielines-main-v1 .dielines-main-layout{grid-template-columns:1fr}.dielines-main-v1 .dielines-main-sidebar{position:static}.dielines-main-v1 .dielines-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.dielines-main-v1 .dielines-main-hero-copy,.dielines-main-v1 .dielines-main-search-card,.dielines-main-v1 .dielines-main-sidebar,.dielines-main-v1 .dielines-featured-panel,.dielines-main-v1 .dielines-results-section-v1{border-radius:18px}.dielines-main-v1 .dielines-main-hero-copy{padding:26px 22px}.dielines-main-v1 .dielines-card-grid-v1,.dielines-main-v1 .dielines-featured-grid{grid-template-columns:1fr}.dielines-main-v1 .dieline-preview-container.has-render{grid-template-columns:minmax(0,1fr) 124px}}@media(max-width:580px){.dielines-main-v1 .dielines-main-hero,.dielines-main-v1 .dielines-main-layout{padding:0 12px}.dielines-main-v1 .dielines-featured-panel,.dielines-main-v1 .dielines-results-section-v1{padding:22px 16px}.dielines-main-v1 .dielines-category-list{grid-template-columns:1fr}.dielines-main-v1 .dieline-preview-container.has-render{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 108px;height:auto}.dielines-main-v1 .dieline-main-card-preview{min-height:190px}.dielines-main-v1 .dieline-main-card-render{border-left:none;border-top:1px solid #e2e8f0}}.mockup-studio-header{height:64px;padding:0 22px}.mockup-studio-brand strong{display:block;font-size:17px;line-height:1.1}.mockup-studio-brand span{display:block;font-size:12px;color:#708092;line-height:1.2}.mockup-studio-workbench.v23-workbench{grid-template-columns:76px 332px minmax(0,1fr);gap:16px;padding:12px 18px 18px}.studio-rail{padding:8px;border-radius:18px;align-self:start}.studio-rail-btn{min-height:72px;padding:8px 4px}.studio-side-panel.v23-side-panel{width:332px!important;margin:0;padding:14px;border-radius:24px;gap:12px;max-height:calc(100vh - 175px);overflow:auto}.studio-card-section.primary{padding:14px}.studio-canvas-area.v23-canvas-area{min-width:0}.studio-main-shell{gap:10px}.studio-preview-stage{height:calc(100vh - 205px);min-height:460px;max-height:620px;padding:14px 14px 12px}.studio-stage-topline,.v23-dieline-header{margin-bottom:8px}.studio-preview-stage .ocean-dieline-3d-viewer{min-height:calc(100% - 70px);height:calc(100% - 70px);border-radius:18px}.studio-floating-toolbar.right{top:72px;right:18px}.studio-bottom-toolbar.light{bottom:12px}.studio-view-strip{margin-top:2px}.studio-dieline-card{display:none}@media(max-width:1440px){.studio-preview-stage{height:calc(100vh - 220px);min-height:430px}}@media(max-width:1180px){.mockup-studio-workbench.v23-workbench{grid-template-columns:72px 300px minmax(0,1fr)}.studio-side-panel.v23-side-panel{width:300px!important}}.studio-stage-title{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap}.studio-stage-title strong{font-size:15px}.studio-panel-stack{display:grid;gap:12px}.studio-primary-upload-btn{width:100%;min-height:50px;border:0;border-radius:14px;background:linear-gradient(135deg,#0c2440,#1274c8);color:#fff;font-size:16px;font-weight:700;cursor:pointer}.studio-surface-card .applied-surface-list.clean.separated{display:grid;gap:10px}.studio-surface-card .applied-surface-list.clean.separated button{min-height:48px;border-radius:14px;border:1px solid #d9e3ed;background:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-surface-card .applied-surface-list.clean.separated button span{font-weight:700;color:#0f172a}.studio-surface-card .applied-surface-list.clean.separated button small{color:#6b7a8c}.studio-rail-btn{border-radius:16px;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.studio-rail-btn:hover{transform:translateY(-1px);background:#f5f8fc}.studio-rail-btn.active{background:linear-gradient(180deg,#eef6ff,#f9fbff);box-shadow:inset 0 0 0 1px #d8e8fb}.studio-rail-btn>span{font-weight:800;color:#175ea8}.studio-rail-btn small{font-size:11px;line-height:1.15}.compact-studio-shell{grid-template-columns:78px 320px minmax(0,1fr)!important;align-items:start;min-height:calc(100vh - 94px)}.mockup-studio-page.v23-studio-page .mockup-studio-header{display:none}.studio-side-panel-top{display:grid;gap:10px;margin-bottom:4px}.studio-back-btn.slim{min-height:38px;width:fit-content;padding:0 14px;border-radius:12px;border:1px solid #d6e1ea;background:#fff;color:#112032}.studio-side-title strong{display:block;margin-bottom:4px;font-size:1.02rem}.studio-side-title span{color:#6b7a89;font-size:.78rem}.studio-dimension-controls{display:grid;gap:12px}.studio-dimension-control{display:grid;gap:8px}.studio-dimension-control>span{font-size:.76rem;font-weight:700;color:#5f7285;text-transform:uppercase;letter-spacing:.05em}.studio-dimension-input-row{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px}.studio-dimension-input-row button,.studio-dimension-input-row input{min-height:42px;border-radius:12px;border:1px solid #d8e3ec;background:#fff;text-align:center;font-weight:700}.studio-dimension-input-row input{padding:0 10px}.studio-preview-stage{min-height:calc(100vh - 108px)!important;height:calc(100vh - 108px)!important;max-height:none!important;padding:8px 10px 72px!important}.studio-preview-stage .ocean-dieline-3d-viewer{height:100%!important;min-height:100%!important;border-radius:22px;background:radial-gradient(circle at 50% 22%,#ffffffe0,#f0f5f9eb 58%,#e8eef4f5)}.studio-floating-toolbar.right.refined{top:18px;right:18px;width:72px;padding:8px;gap:6px}.studio-floating-toolbar.right.refined button{min-height:40px;border-radius:12px;font-size:.74rem;font-weight:800;letter-spacing:-.01em}.studio-bottom-toolbar.light.refined{min-width:min(680px,calc(100% - 36px));justify-content:center;gap:12px;bottom:14px!important}.studio-fold-slider{display:grid;grid-template-columns:auto minmax(180px,280px) auto;align-items:center;gap:10px}.studio-fold-slider span{font-size:.72rem;font-weight:700;color:#657789}.studio-fold-slider input{width:100%!important}.studio-view-preset-bar{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#eef4fb);border:1px solid #dbe7f1}.studio-view-preset-bar button{min-width:58px;height:46px;border-radius:12px;border:1px solid transparent;background:transparent;color:#57718a;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.studio-view-preset-bar button:hover{background:#ffffffeb;border-color:#d8e5f0}.studio-view-preset-bar button.active{background:linear-gradient(180deg,#fff,#eef6ff);border-color:#cddff4;color:#0f67b3;transform:translateY(-1px)}.studio-view-preset-bar button span{font-size:16px;font-weight:800}.studio-view-preset-label{display:block;font-size:.56rem;line-height:1;font-weight:800;letter-spacing:.01em}.studio-view-glyph{position:relative;display:block;width:18px;height:18px}.studio-view-glyph i{position:absolute;display:block;border:1.55px solid currentColor;background:#ffffff52;box-sizing:border-box;border-radius:2px}.studio-view-glyph i:nth-child(1){left:3px;bottom:2px;width:9px;height:8px}.studio-view-glyph i:nth-child(2){top:3px;width:8px;height:8px}.studio-view-glyph i:nth-child(3){top:1px;left:4px;width:9px;height:6px}.studio-view-glyph.front-right i:nth-child(2){right:1px;border-left:0;transform:skewY(-28deg)}.studio-view-glyph.front-right i:nth-child(3){transform:skew(-38deg)}.studio-view-glyph.front-left i:nth-child(1){left:6px}.studio-view-glyph.front-left i:nth-child(2){left:1px;border-right:0;transform:skewY(28deg)}.studio-view-glyph.front-left i:nth-child(3){left:5px;transform:skew(38deg)}.studio-view-glyph.front i:nth-child(1){left:4px;width:10px}.studio-view-glyph.front i:nth-child(2){display:none}.studio-view-glyph.front i:nth-child(3){left:4px;width:10px;transform:none}.studio-view-glyph.top-left i:nth-child(1),.studio-view-glyph.top-right i:nth-child(1),.studio-view-glyph.top i:nth-child(1){left:4px;top:5px;width:10px;height:8px;transform:rotate(45deg)}.studio-view-glyph.top-left i:nth-child(2){left:1px;top:2px;border-right:0;border-bottom:0;transform:skewY(18deg) rotate(8deg)}.studio-view-glyph.top-left i:nth-child(3){left:5px;top:1px;transform:skew(32deg)}.studio-view-glyph.top-right i:nth-child(2){right:1px;top:2px;border-left:0;border-bottom:0;transform:skewY(-18deg) rotate(-8deg)}.studio-view-glyph.top-right i:nth-child(3){left:4px;top:1px;transform:skew(-32deg)}.studio-view-glyph.top i:nth-child(2){display:none}.studio-view-glyph.top i:nth-child(3){left:4px;top:3px;width:10px;height:10px;transform:rotate(45deg)}.studio-upload-panel{gap:12px}.studio-upload-dropzone{display:grid;justify-items:center;gap:10px;padding:18px 16px;border:1px dashed #cbb8ff;border-radius:20px;background:linear-gradient(180deg,#fcfbff,#f5f2ff);text-align:center}.studio-upload-dropzone-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#f3ebff,#e8dcff);color:#7d55de;font-size:24px}.studio-upload-dropzone strong{color:#18263a;font-size:.92rem}.studio-upload-dropzone span{color:#6b7a89;font-size:.78rem;line-height:1.45}.studio-secondary-action-btn{width:100%;min-height:46px;border-radius:14px;border:1px solid #dbd2f7;background:#fff;color:#6141c6;font-weight:700}.studio-upload-link-row,.studio-meta-rows{display:grid;gap:8px}.studio-upload-link-row{grid-template-columns:1fr auto;align-items:center}.studio-upload-link-row button{border:0;background:transparent;color:#6b4fe0;font-weight:700;text-align:left;padding:0}.studio-upload-link-row small{color:#7a8795;font-size:.74rem}.studio-meta-rows button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;border:1px solid #dce5ef;background:#fff;text-align:left}.studio-meta-rows button span{color:#1a283a;font-weight:700}.studio-meta-rows button small{color:#6f8194}.studio-rail-btn-ai{margin-top:auto;background:linear-gradient(180deg,#f5edff,#ede4ff);border-color:#ddd2fb}.studio-rail-btn-ai>span{color:#6f3fd4;background:linear-gradient(180deg,#fff,#f4edff);border-color:#dccffd}.compact-studio-shell{grid-template-columns:82px 344px minmax(0,1fr)!important}.studio-rail{width:82px;padding:10px 8px;border-radius:24px}.studio-rail-btn{min-height:72px;padding:8px 6px}.studio-rail-btn>span{min-width:34px;min-height:34px;font-size:13px}.studio-rail-btn strong{font-size:.72rem}.studio-rail-btn small{font-size:9px}.studio-primary-upload-btn{background:linear-gradient(135deg,#7a52e1,#5f3fcb)}.studio-preview-stage{padding:8px 10px 86px!important}.studio-floating-toolbar.right.refined{display:none}.studio-bottom-toolbar.light.refined{min-width:min(980px,calc(100% - 36px));flex-wrap:wrap}.studio-bottom-toolbar.light.refined.mk0007-closed{justify-content:center;gap:10px}.studio-open-close-bar{display:inline-flex;align-items:center;gap:12px;min-width:330px;padding:8px 14px;border:1px solid #d7e3ee;border-radius:999px;background:linear-gradient(180deg,#fffffffa,#f7fbfef2);color:#5c6f83;font-size:.76rem;font-weight:700}.studio-open-close-bar button{min-width:68px;min-height:34px;border-radius:999px;border:1px solid transparent;background:transparent;color:#64788d;font-size:.76rem;font-weight:800}.studio-open-close-bar button.active{background:#fff;border-color:#c9dbec;color:#0c67b4}.studio-open-close-track{position:relative;flex:1;height:8px;border-radius:999px;background:linear-gradient(90deg,#d9e5ef 0% 48%,#8ab8ea);overflow:hidden}.studio-open-close-track i{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid #a9c8e5;box-shadow:0 8px 16px #0c67b424;transform:translate(-50%,-50%)}.studio-open-close-range{width:132px;height:8px;accent-color:#2b83e6;cursor:pointer}.studio-open-close-bar .studio-open-close-range{flex:1;min-width:104px}.studio-open-close-bar.reference-like{gap:14px;min-width:356px;padding:10px 18px}.studio-open-close-bar.reference-like button{min-width:auto;min-height:auto;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;color:#697d91;font-size:.8rem;font-weight:800}.studio-open-close-bar.reference-like button.active{background:transparent;border:none;color:#1f7fe3}.studio-open-close-bar.reference-like .studio-open-close-range{min-width:162px}.studio-fold-slider.mk0007-open-close{min-width:230px}.studio-fold-slider.mk0007-open-close span{min-width:44px}.studio-shadow-control{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:16px;border:1px solid #dbe6ef;background:linear-gradient(180deg,#fbfdff,#eef3f8)}.studio-shadow-control button{min-width:66px;min-height:34px;border-radius:10px;border:1px solid transparent;background:transparent;color:#617386;font-size:.72rem;font-weight:700}.studio-shadow-control button.active{background:#fff;border-color:#d4e1ec;color:#0c67b4}.live-sync-card{display:block!important;margin-top:6px}.v23-dieline-svg.live{height:214px}.v23-dieline-path.cut{stroke:#c86c6c;stroke-width:2.1}.v23-dieline-path.fold{stroke:#77a9dd;stroke-width:1.6;stroke-dasharray:8 8}.v23-dieline-path.safe{stroke:#d8a84d;stroke-width:1.4;stroke-dasharray:5 7}.v23-dieline-path.bleed{stroke:#dfe7ef;stroke-width:1.2}.v23-panel-shape{fill:#1374c80a;stroke:#1374c829;stroke-width:1.35}.v23-panel-shape.utility-surface{fill:#94a3b80f;stroke:#94a3b82e}.v23-panel-shape.has-artwork{fill:#14b88414;stroke:#14b88447}.v23-panel-label{fill:#607286;font-size:18px;font-weight:600;pointer-events:none}.studio-template-source{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 12px;border:1px solid rgba(153,171,189,.26);border-radius:999px;background:linear-gradient(180deg,#fffffff5,#f6fafdf0);color:#5e7185;font-size:.78rem;font-weight:700}.studio-template-source strong{color:#0c67b4}.studio-surface-card .applied-surface-list.clean.separated button:hover,.studio-mini-list button:hover{border-color:#c8d8e7;background:linear-gradient(180deg,#fff,#f7fafc)}@media(max-width:1180px){.compact-studio-shell{grid-template-columns:72px 272px minmax(0,1fr)!important}}@media(max-width:920px){.compact-studio-shell{grid-template-columns:1fr!important}.studio-preview-stage{min-height:62vh!important;height:62vh!important}.studio-bottom-toolbar.light.refined{min-width:calc(100% - 24px)}}.carton-fold-progress-control{display:grid;gap:8px;padding:10px 12px;border:1px solid rgba(152,166,184,.24);border-radius:14px;background:linear-gradient(180deg,#ffffffeb,#f4f8fce6)}.carton-fold-progress-head,.carton-fold-progress-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.carton-fold-progress-head strong{font-size:.78rem;color:#28384a}.carton-fold-progress-head span{font-size:.76rem;font-weight:800;color:#0c67b4}.carton-fold-progress-control input[type=range]{width:100%;accent-color:#0c67b4}.carton-fold-progress-actions button{flex:1;min-height:28px;border:1px solid #d8e3ee;border-radius:9px;background:#fff;color:#526579;font-size:.7rem;font-weight:800}.carton-fold-progress-actions button:hover{border-color:#bfd4e8;color:#0c67b4}.carton-fold-progress-control.mk0007-closed-note small{color:#5d6f82;line-height:1.35}.compact-studio-shell{--studio-menu-accent: #7047eb;--studio-menu-ink: #172033;--studio-menu-muted: #758093;grid-template-columns:78px 354px minmax(0,1fr)!important;gap:14px!important;align-items:start}.studio-rail-shell{width:78px;display:grid;align-content:start;gap:12px}.studio-rail-shell .studio-rail{width:78px!important;margin:0!important;padding:8px 7px!important;display:flex!important;flex-direction:column;gap:2px!important;border:1px solid rgba(216,221,235,.92)!important;border-radius:20px!important;background:#fffffff7!important;box-shadow:0 16px 36px #2d2b591f!important}.studio-rail-shell .studio-rail-btn{position:relative;width:62px!important;min-height:64px!important;padding:8px 4px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;color:#4f5663!important;transform:none!important}.studio-rail-shell .studio-rail-btn>span{min-width:28px!important;min-height:28px!important;padding:0!important;display:grid;place-items:center;border:0!important;border-radius:0!important;background:transparent!important;color:#20242b!important}.studio-rail-shell .studio-rail-btn svg{width:24px;height:24px}.studio-rail-shell .studio-rail-btn strong{max-width:58px;font-size:11px!important;font-weight:650;line-height:1.1;text-align:center}.studio-rail-shell .studio-rail-btn:hover{border-color:#e3def7!important;background:#faf8ff!important;color:#5d3fd0!important}.studio-rail-shell .studio-rail-btn.active{border-color:#ded4ff!important;background:linear-gradient(145deg,#f7f2ff,#eee8ff)!important;color:var(--studio-menu-accent)!important}.studio-rail-shell .studio-rail-btn.active>span{color:var(--studio-menu-accent)!important}.studio-rail-shell .studio-rail-btn.active:before{content:"";position:absolute;left:-8px;top:16px;width:3px;height:30px;border-radius:0 6px 6px 0;background:var(--studio-menu-accent)}.studio-rail-shell .studio-rail-btn.section-end{margin-bottom:13px}.studio-rail-shell .studio-rail-btn.section-end:after{content:"";position:absolute;left:9px;right:9px;bottom:-8px;height:1px;background:#e5e7ec}.studio-rail-shell>.studio-rail-btn-ai{width:78px!important;min-height:78px!important;margin:0!important;border:1px solid #ded7f7!important;border-radius:18px!important;background:linear-gradient(150deg,#fff,#f4f0ff)!important;box-shadow:0 14px 30px #4c379121!important;color:#6843dc!important}.studio-side-panel.v23-side-panel{width:354px!important;max-height:calc(100vh - 100px)!important;margin:0!important;padding:16px!important;gap:12px!important;border:1px solid rgba(220,224,234,.96)!important;border-radius:22px!important;background:#fffffffa!important;box-shadow:0 20px 46px #262b481f!important;scrollbar-width:thin;scrollbar-color:#d8d3e8 transparent}.studio-side-panel-top{grid-template-columns:auto minmax(0,1fr)!important;align-items:center;gap:10px!important;margin-bottom:2px!important;padding:1px 2px 10px;border-bottom:1px solid #edf0f4}.studio-back-btn.slim{width:36px;min-width:36px;height:36px;padding:0;border-radius:12px;overflow:hidden;color:transparent;position:relative}.studio-back-btn.slim:after{content:"‹";position:absolute;inset:0;display:grid;place-items:center;color:#273244;font-size:25px;line-height:1}.studio-side-title{min-width:0}.studio-side-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--studio-menu-ink);font-size:.98rem!important}.studio-side-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem!important}.studio-side-panel .studio-card-section.primary{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.studio-side-panel .studio-card-head{margin:1px 1px 11px}.studio-side-panel .studio-card-head h2{color:#111827;font-size:1.05rem;font-weight:760}.studio-side-panel .studio-card-head span{color:#8a93a3;font-size:.7rem}.studio-side-panel .studio-upload-dropzone{min-height:224px;padding:22px 18px!important;align-content:center;gap:11px!important;border:1.5px dashed #9a70ff!important;border-radius:18px!important;background:linear-gradient(155deg,#fcfaff,#f4efff)!important}.studio-upload-dropzone-icon{width:52px!important;height:52px!important;border-radius:17px!important;background:#eee6ff!important;color:#7b43f2!important}.studio-upload-dropzone-icon svg{width:28px;height:28px}.studio-side-panel .studio-primary-upload-btn{width:auto;min-width:142px;min-height:44px;padding:0 24px;border-radius:12px;background:linear-gradient(135deg,#824bff,#6335df)!important;box-shadow:0 10px 22px #6739de38}.studio-side-panel .studio-secondary-action-btn{min-height:40px;border-color:#e5e1ee;border-radius:11px;color:#343842;background:#ffffffdb}.studio-side-panel .studio-upload-link-row{grid-template-columns:1fr;justify-items:center;padding:2px 0 10px;border-bottom:1px solid #eceef2}.studio-side-panel .studio-upload-link-row button{text-align:center;color:#5f6470;font-weight:650}.studio-side-panel .studio-upload-link-row small{display:none}.studio-side-panel .studio-meta-rows{gap:9px}.studio-side-panel .studio-meta-rows button{position:relative;min-height:58px;padding:10px 34px 10px 14px;display:grid;justify-content:stretch;align-content:center;gap:3px;border-color:#e1e4e9;border-radius:12px;background:#fafafa}.studio-side-panel .studio-meta-rows button:after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#b0b4bc;font-size:24px}.studio-side-panel .studio-meta-rows button span{color:#81848b;font-size:.75rem;font-weight:600}.studio-side-panel .studio-meta-rows button small{color:#23262c;font-size:.83rem}.studio-side-panel .studio-upload-note{margin:0;padding:0 2px;color:#88909e;font-size:.7rem}@media(max-width:1180px){.compact-studio-shell{grid-template-columns:72px 300px minmax(0,1fr)!important}.studio-rail-shell,.studio-rail-shell .studio-rail,.studio-rail-shell>.studio-rail-btn-ai{width:72px!important}.studio-rail-shell .studio-rail-btn{width:56px!important}.studio-side-panel.v23-side-panel{width:300px!important}}@media(max-width:920px){.studio-rail-shell{width:100%!important;grid-template-columns:minmax(0,1fr) 76px}.studio-rail-shell .studio-rail{width:100%!important;display:grid!important;grid-template-columns:repeat(6,minmax(62px,1fr));overflow-x:auto}.studio-rail-shell .studio-rail-btn{width:100%!important}.studio-rail-shell .studio-rail-btn.section-end{margin-bottom:0}.studio-rail-shell .studio-rail-btn.section-end:after,.studio-rail-shell .studio-rail-btn.active:before{display:none}}.mockups-main-v2 .mockup-sidebar-category-list .mockup-category-row{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto 16px!important;justify-content:initial!important;min-height:42px!important;padding:0 9px!important}.mockups-main-v2 .mockup-category-tree-item.active>.mockup-category-row{background:#f2f9ff!important;color:#0f6b9a!important}.mockups-main-v2 .mockup-variant-options .mockup-material-color{display:block;width:17px;height:17px;padding:0!important;border-radius:50%!important}.mockups-main-v2 .mockup-material-options{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:7px;min-height:34px;max-width:100%;padding:2px 0 4px;overflow:visible;isolation:isolate}.mockups-main-v2 .mockup-material-options button{position:relative;width:23px;height:23px;flex:0 0 23px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.mockups-main-v2 .mockup-material-options-overflow{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:23px;padding:0 7px;border:1px solid rgba(203,213,225,.95);border-radius:999px;background:#f8fafcf5;color:#475569;font-size:.6rem;font-weight:900;line-height:1;white-space:nowrap}.mockups-main-v2 .mockup-material-options button>img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.mockups-main-v2 .generated-material-swatch{display:block;width:100%;height:100%;border:1px solid rgba(15,23,42,.16);border-radius:50%;background:linear-gradient(135deg,#fafafa 8%,#d8dde2 46%,#8b949e 52%,#eef1f4 78%);box-shadow:inset 3px 3px 5px #fffc,inset -3px -3px 5px #0f172a2e}.mockups-main-v2 .material-cotton-base .generated-material-swatch,.mockups-main-v2 .material-cotton .generated-material-swatch,.mockups-main-v2 .material-knitted-cotton .generated-material-swatch,.mockups-main-v2 .material-vertical-cotton .generated-material-swatch{background:repeating-linear-gradient(45deg,#f1eee8 0 2px,#d7d0c5 2px 3px)}.mockups-main-v2 .material-canvas .generated-material-swatch{background:repeating-linear-gradient(90deg,#d4c4a4 0 2px,#b7a27d 2px 3px)}.mockups-main-v2 .material-wood .generated-material-swatch{background:linear-gradient(110deg,#7c4a28,#c18a55 35%,#6f3f22 38%,#bd8150 72%,#754326)}.mockups-main-v2 .material-transparent-plastic-glossy .generated-material-swatch,.mockups-main-v2 .material-transparent-plastic-matte .generated-material-swatch{background:radial-gradient(circle at 35% 28%,#fff 0 18%,#dbeafe80 36%,#94a3b852)}.mockups-main-v2 .mockup-material-options button.active{border-color:#111827;box-shadow:0 0 0 2px #fff,0 0 0 3px #1118273d}.mockups-main-v2 .mockup-material-options button.active:after{position:absolute;bottom:-7px;left:50%;width:0;height:0;border-right:4px solid transparent;border-bottom:5px solid #111827;border-left:4px solid transparent;content:"";transform:translate(-50%)}.mockups-main-v2 .material-option-tooltip{position:absolute;z-index:80;bottom:calc(100% + 8px);left:50%;width:max-content;max-width:180px;padding:6px 8px;border-radius:5px;background:#202124;color:#fff;font-size:.62rem;font-weight:750;line-height:1.2;opacity:0;pointer-events:none;white-space:nowrap;transform:translate(-50%,3px);transition:opacity .14s ease,transform .14s ease}.mockups-main-v2 .mockup-material-options button:nth-last-child(-n+2) .material-option-tooltip{left:auto;right:0;transform:translateY(3px)}.mockups-main-v2 .mockup-material-options button:hover .material-option-tooltip,.mockups-main-v2 .mockup-material-options button:focus-visible .material-option-tooltip{opacity:1;transform:translate(-50%)}.mockups-main-v2 .mockup-material-options button:nth-last-child(-n+2):hover .material-option-tooltip,.mockups-main-v2 .mockup-material-options button:nth-last-child(-n+2):focus-visible .material-option-tooltip{transform:translate(0)}.app-main>.mockup-library-page.mockups-main-v2{padding-top:42px!important}.mockup-library-page.mockups-main-v2 .mockup-library-hero,.mockup-library-page.mockups-main-v2 .mockup-library-layout{max-width:1280px!important}.mockup-library-page.mockups-main-v2 .mockup-library-layout{display:grid!important;grid-template-columns:248px minmax(0,1fr)!important;gap:24px!important;align-items:start!important}.mockup-library-page.mockups-main-v2 .mockup-filter-sidebar{position:sticky;top:86px;align-self:start;z-index:2}.mockup-library-page.mockups-main-v2 .mockup-library-content{min-width:0;display:grid;gap:22px}.mockup-library-page.mockups-main-v2 .mockup-card-grid,.mockup-library-page.mockups-main-v2 .mockup-card-grid.view-grid,.mockup-library-page.mockups-main-v2 .mockup-card-grid.view-cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:18px!important;align-items:stretch!important}.mockup-library-page.mockups-main-v2 .mockup-product-card,.mockup-library-page.mockups-main-v2 .mockup-card-grid.view-cards .mockup-product-card{display:flex!important;flex-direction:column!important;min-width:0;min-height:430px!important;height:100%;overflow:hidden!important;isolation:isolate}.mockup-library-page.mockups-main-v2 .mockup-card-preview,.mockup-library-page.mockups-main-v2 .mockup-card-grid.view-cards .mockup-card-preview{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 208px;min-height:208px!important;max-height:208px;padding:12px!important;overflow:hidden!important;border-right:0!important;border-bottom:1px solid #e6edf5;aspect-ratio:auto!important}.mockup-library-page.mockups-main-v2 .platform-thumbnail{width:100%;height:100%;min-height:0!important;overflow:hidden}.mockup-library-page.mockups-main-v2 .platform-thumbnail.has-image img,.mockup-library-page.mockups-main-v2 .mockup-card-grid.view-cards .platform-thumbnail.has-image img{inset:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;max-height:calc(100% - 24px)!important;object-fit:contain!important;object-position:center center!important;mix-blend-mode:normal}.mockup-library-page.mockups-main-v2 .platform-thumbnail.has-image.has-image-crop img{inset:auto!important;width:var(--image-crop-width)!important;height:var(--image-crop-height)!important;max-width:none!important;max-height:none!important;object-fit:fill!important}.mockup-library-page.mockups-main-v2 .mockup-card-body{display:flex!important;flex:1 1 auto;flex-direction:column;min-width:0;gap:10px;padding:14px!important;overflow:visible}.mockup-library-page.mockups-main-v2 .mockup-card-kicker{flex:0 0 auto}.mockup-library-page.mockups-main-v2 .mockup-product-card h3{display:-webkit-box;min-height:42px;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mockup-library-page.mockups-main-v2 .mockup-material-options{flex:0 0 34px;min-width:0;max-width:100%;gap:6px;overflow:visible}.mockup-library-page.mockups-main-v2 .mockup-material-options button{flex:0 0 22px;width:22px;height:22px}.mockup-library-page.mockups-main-v2 .mockup-material-options-overflow{flex:0 0 auto}.mockup-library-page.mockups-main-v2 .mockup-card-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:4px}.mockup-library-page.mockups-main-v2 .mockup-card-actions button{min-width:0;min-height:36px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-library-page.mockups-main-v2 .material-option-tooltip{z-index:120}@media(max-width:1180px){.mockup-library-page.mockups-main-v2 .mockup-library-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:18px!important}}@media(max-width:980px){.mockup-library-page.mockups-main-v2 .mockup-library-hero,.mockup-library-page.mockups-main-v2 .mockup-library-layout{grid-template-columns:1fr!important}.mockup-library-page.mockups-main-v2 .mockup-filter-sidebar{position:static}}@media(max-width:640px){.mockup-library-page.mockups-main-v2 .mockup-card-grid,.mockup-library-page.mockups-main-v2 .mockup-card-grid.view-grid,.mockup-library-page.mockups-main-v2 .mockup-card-grid.view-cards{grid-template-columns:1fr!important}.mockup-library-page.mockups-main-v2 .mockup-card-actions{grid-template-columns:1fr}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--font-family: "Noto Sans", "Inter", "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif;--bg-color: #f8f9fa;--text-color: #333}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.pim-wide-scroll{overflow-x:auto!important}body.pim-wide-scroll::-webkit-scrollbar{height:16px;width:12px}body.pim-wide-scroll::-webkit-scrollbar-track{background:#e2e8f0;border-radius:8px}body.pim-wide-scroll::-webkit-scrollbar-thumb{background:#64748b;border-radius:8px;border:3px solid #e2e8f0}body.pim-wide-scroll::-webkit-scrollbar-thumb:hover{background:#475569}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bbb}