.v5studio-page{background:#f7f8fa}.v5studio-head{background:linear-gradient(100deg,#fff 0,#fff 64%,#f2f5f9);border-bottom:1px solid #e8ebef}.v5studio-head>.container{min-height:150px;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:28px;padding-bottom:28px}.v5studio-head h1{font-family:Montserrat,sans-serif;margin:4px 0 8px;font-size:clamp(30px,4vw,52px);color:#0c2342}.v5studio-head p{margin:0;color:#657184;font-size:16px}.v5-eyebrow{font-size:11px;letter-spacing:.28em;font-weight:800;color:#b47f13}.v5-head-trust{display:grid;grid-template-columns:repeat(2,auto);gap:16px 28px;color:#0c2342;font-size:12px;font-weight:800}.v5studio-section{padding:18px 0 50px}.v5studio-grid{display:grid;grid-template-columns:420px minmax(0,1fr);gap:18px;align-items:start}.v5controls,.v5preview-card{background:#fff;border:1px solid #e3e7ec;border-radius:18px;box-shadow:0 12px 35px rgba(12,35,66,.08)}.v5controls{overflow:hidden;position:sticky;top:92px}.v5panel-head{background:#0c2342;color:#fff;padding:18px 20px}.v5panel-head strong{display:block;font-size:20px}.v5panel-head span{font-size:12px;color:#c8d3e2}.v5control-card{border-bottom:1px solid #ebedf0}.v5control-title{width:100%;border:0;background:#fff;color:#0c2342;padding:14px 16px;display:flex;align-items:center;gap:10px;text-align:left;font-weight:800;font-size:14px;cursor:pointer}.v5control-title>span{width:26px;height:26px;border-radius:9px;background:#eef2f7;display:grid;place-items:center;color:#0c2342}.v5control-title>b{margin-left:auto;color:#8a95a4}.v5control-body{padding:0 16px 16px}.v5option-grid{display:grid;gap:8px}.shape-grid{grid-template-columns:repeat(4,1fr)}.v5option,.v5finish{border:1px solid #dfe4ea;background:#fff;border-radius:10px;min-height:76px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#1c2d45;font-weight:700;font-size:11px}.v5option.active,.v5finish.active{border:2px solid #1d6fdc;box-shadow:0 0 0 2px rgba(29,111,220,.08)}.shape{display:block;border:2px solid #0c2342}.shape.rectangle{width:34px;height:19px;border-radius:3px}.shape.round{width:26px;height:26px;border-radius:50%}.shape.oval{width:36px;height:21px;border-radius:50%}.shape.logo{border:0;font-size:26px}.finish-grid{grid-template-columns:repeat(4,1fr)}.swatch{width:48px;height:30px;border-radius:5px;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.matte-gold{background:linear-gradient(90deg,#d9ae4a,#f1d88f,#c9972e)}.matte-silver{background:linear-gradient(90deg,#aeb5bd,#e7e9eb,#9da5ae)}.mirror-gold{background:linear-gradient(110deg,#9d6c0c,#fff1a8 42%,#ba8519 58%,#f7df7d)}.mirror-silver{background:linear-gradient(110deg,#6d737a,#f6f7f8 42%,#9da2a8 58%,#e6e8eb)}.black{background:#111820}.white{background:#f5f5f3}.wooden{background:repeating-linear-gradient(0deg,#9f6237 0 4px,#b97545 4px 8px,#8e5230 8px 10px)}.multicolor{background:linear-gradient(90deg,#ee4765,#f8bd42,#60c788,#55a9f2,#8b68e8)}.v5fitting{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v5fitting button{border:1px solid #dfe4ea;background:#fff;border-radius:10px;padding:12px;font-weight:800;color:#1b2b42;cursor:pointer}.v5fitting button.active{border:2px solid #1d6fdc;background:#f4f8ff}.v5fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px}.v5fields label{font-size:11px;font-weight:800;color:#5d687a}.v5fields input,.v5fields select{width:100%;border:1px solid #dfe4ea;border-radius:9px;padding:10px;background:#fff;color:#0c2342}.v5fields input[type=color]{padding:4px;height:40px}.v5upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v5upload{border:1px dashed #b8c3d0;border-radius:12px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fbfcfd}.v5upload b{font-size:12px;color:#0c2342}.v5upload span{font-size:10px;color:#8390a0;margin-top:3px}.v5upload input{width:88%;font-size:10px;margin-top:8px}.v5toggle-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:#5f6b7d}.v5toggle-row label{display:flex;align-items:center;gap:6px}.v5mini{border:0;background:#eef2f6;color:#0c2342;border-radius:8px;padding:8px 10px;font-weight:800;cursor:pointer}.v5qty-presets{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.v5qty-presets button{border:1px solid #dfe4ea;background:#fff;border-radius:8px;padding:9px 4px;font-weight:800;color:#1d2f47;cursor:pointer}.v5qty-presets button.active{background:#0c2342;color:#fff;border-color:#0c2342}.v5qty-stepper{display:grid;grid-template-columns:42px 1fr 42px;gap:6px;margin-top:9px}.v5qty-stepper button,.v5qty-stepper input{height:38px;border:1px solid #dfe4ea;border-radius:9px;background:#fff;text-align:center;font-weight:800}.v5pricebox{margin-top:10px;padding:14px;border-radius:12px;background:linear-gradient(100deg,#fff9e9,#fff);border:1px solid #ead79e;display:grid;grid-template-columns:1fr 1fr;gap:10px}.v5pricebox>div+div{border-left:1px solid #e2d5b2;padding-left:14px}.v5pricebox small{display:block;color:#707b8c;font-size:10px;font-weight:800}.v5pricebox strong{display:block;font-size:21px;color:#0c2342;margin-top:4px}.v5price-note{font-size:10px;color:#788495;margin:8px 0 0}.v5side-actions{padding:14px 16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.v5btn{border:0;border-radius:10px;padding:13px 15px;font-weight:900;cursor:pointer;text-align:center;text-decoration:none}.v5btn-gold{background:linear-gradient(135deg,#d2a338,#e5c366);color:#111}.v5btn-wa{background:#13ad5a;color:#fff}.v5btn-light{background:#fff;color:#0c2342;border:1px solid #d9dfe6}.v5btn-navy{background:#0c2342;color:#fff}.v5preview-wrap{min-width:0}.v5preview-card{padding:14px}.v5preview-top{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.v5preview-top>div:first-child{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center}.v5preview-top strong{font-size:15px;color:#0c2342}.v5preview-top small{grid-column:2;font-size:10px;color:#7a8798}.live-dot{width:9px;height:9px;border-radius:50%;background:#56bb39;box-shadow:0 0 0 3px #dff5d8}.v5top-actions{display:flex;gap:7px}.v5top-actions button{border:1px solid #dfe4ea;background:#fff;border-radius:9px;padding:8px 10px;cursor:pointer}.v5mode-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#f0f3f6;border-radius:11px;padding:4px;margin-bottom:10px}.v5mode-tabs button{border:0;background:transparent;padding:10px 6px;border-radius:8px;color:#607086;font-weight:800;font-size:11px;cursor:pointer}.v5mode-tabs button.active{background:#0c2342;color:#fff}.v5canvas-stage{position:relative;background:radial-gradient(circle at 25% 20%,#fff,#f0eee9 48%,#e8e5df);border-radius:14px;overflow:hidden;min-height:560px;display:grid;place-items:center;touch-action:none}.v5canvas-stage canvas{width:100%;height:auto;display:block;max-height:650px;object-fit:contain;touch-action:none;cursor:grab}.v5canvas-stage canvas:active{cursor:grabbing}.v5gesture-help{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:rgba(12,35,66,.84);color:#fff;border-radius:20px;padding:7px 12px;font-size:10px;pointer-events:none}.v5preview-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0}.v5preview-toolbar button{border:1px solid #dde3ea;background:#fff;border-radius:8px;padding:8px 12px;font-weight:800;color:#0c2342;cursor:pointer}.v5preview-toolbar label{display:flex;align-items:center;gap:6px;font-size:11px;color:#657184}.v5preview-toolbar input[type=range]{width:120px}.v5thumb-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v5thumb-strip button{min-height:70px;border:1px solid #e0e5ea;background:linear-gradient(145deg,#fff,#eef1f4);border-radius:10px;color:#58667a;font-weight:800;cursor:pointer}.v5thumb-strip button.active{border:2px solid #1d6fdc;color:#0c2342}.v5preview-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin-top:10px}.v5below-features{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.v5below-features>div{background:#fff;border:1px solid #e3e7ec;border-radius:12px;padding:12px}.v5below-features b{display:block;font-size:11px;color:#0c2342}.v5below-features span{font-size:9px;color:#7a8798}.v5-toast{position:fixed;right:20px;bottom:90px;background:#0c2342;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.18);z-index:9999;font-weight:800}.v5-fullscreen{position:fixed!important;inset:8px!important;z-index:99999!important;background:#fff!important;min-height:unset!important}.v5-fullscreen canvas{max-height:calc(100vh - 16px)!important}
@media(max-width:1100px){.v5studio-grid{grid-template-columns:360px minmax(0,1fr)}.finish-grid{grid-template-columns:repeat(4,1fr)}.v5canvas-stage{min-height:470px}.v5-head-trust{display:none}}
@media(max-width:820px){.v5studio-head>.container{min-height:110px}.v5studio-head h1{font-size:32px}.v5studio-grid{grid-template-columns:1fr;display:flex;flex-direction:column}.v5preview-wrap{order:1;position:sticky;top:72px;z-index:20;width:100%}.v5controls{order:2;position:static;width:100%}.v5preview-card{border-radius:0 0 16px 16px;padding:8px}.v5canvas-stage{min-height:330px;max-height:44vh}.v5canvas-stage canvas{max-height:44vh}.v5gesture-help{display:none}.v5preview-actions,.v5thumb-strip,.v5below-features{display:none}.v5preview-toolbar{padding:5px 0}.v5preview-toolbar label{display:none}.v5studio-section{padding-top:0}.v5mode-tabs button{font-size:9px;padding:8px 3px}.v5control-body{display:block}.v5control-card.collapsed .v5control-body{display:none}.v5control-title{padding:14px 16px}.v5panel-head{display:none}.v5controls{border-radius:0;box-shadow:none}.v5side-actions{position:sticky;bottom:64px;background:#fff;z-index:5;border-top:1px solid #e7e9ed}.v5studio-page{padding-bottom:70px}}
@media(max-width:520px){.shape-grid,.finish-grid{grid-template-columns:repeat(4,1fr)}.v5option,.v5finish{min-height:68px;font-size:9px}.swatch{width:40px;height:25px}.v5upload-grid,.v5fields{grid-template-columns:1fr}.v5qty-presets{grid-template-columns:repeat(7,1fr);gap:3px}.v5qty-presets button{font-size:10px;padding:8px 2px}.v5pricebox strong{font-size:18px}.v5preview-top small{display:none}.v5canvas-stage{min-height:290px}.v5side-actions{grid-template-columns:1fr 1fr}.v5studio-head p{font-size:13px}.v5-head-trust{display:none}}