:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1f2430;--text:#e7eaf0;--muted:#9aa3b2;--accent:#4f86f7;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0}.app{grid-template-columns:360px 1fr;height:100%;display:grid}.sidebar{background:var(--panel);border-right:1px solid #00000040;flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.sidebar__head{flex-shrink:0;padding:14px 16px 8px}.sidebar__head-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sidebar__head h1{letter-spacing:.5px;margin:0;font-size:20px}.sidebar__head p{color:var(--muted);margin:4px 0 0;font-size:12px}.lang-select{color:var(--text);background:#0e1117;border:1px solid #2a3140;border-radius:6px;flex-shrink:0;max-width:118px;padding:4px 8px;font-size:12px}.workflow-tabs{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 12px 10px;display:grid}.workflow-tabs__btn{min-height:36px;color:var(--text);cursor:pointer;background:#0e1117;border:1px solid #2a3140;border-radius:8px;padding:6px 4px;font-size:12px;font-weight:600}.workflow-tabs__btn[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}.sidebar__body{flex:1;min-height:0;padding:0 16px 16px;overflow-y:auto}.sidebar__dock{background:var(--panel);border-top:1px solid #2a3140;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.sidebar__dock-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar__dock-meta span{color:var(--muted);font-size:11px}.sidebar__dock-meta strong{color:var(--accent);font-size:15px}.sidebar__dock-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:600}.fine-pos{margin:8px 0 4px}.fine-pos>summary{cursor:pointer;color:var(--muted);padding:4px 0;font-size:12px;list-style:none}.fine-pos>summary::-webkit-details-marker{display:none}.fine-pos>summary:before{content:"▸ "}.fine-pos[open]>summary:before{content:"▾ "}.fine-pos__body{padding-top:6px}.text-link{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;margin:0 0 10px;padding:0;font-size:13px;display:inline-block}.text-link:hover{text-decoration:underline}.section{background:var(--panel-2);border-radius:10px;margin-bottom:12px;padding:12px}.section h2{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 10px;font-size:13px}.row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.row--slider{flex-direction:column;align-items:stretch;gap:4px}.row--slider span{color:var(--muted);justify-content:space-between;display:flex}.row--slider em{color:var(--text);font-style:normal}.row input[type=text],.row input[type=number],.row select{color:var(--text);background:#0e1117;border:1px solid #2a3140;border-radius:6px;width:140px;padding:6px 8px;font-size:13px}.row input[type=color]{background:0 0;border:1px solid #2a3140;border-radius:6px;width:44px;height:28px;padding:0}.row input[type=range]{width:100%;accent-color:var(--accent)}.price__row{justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:14px;display:flex}.price__row--muted{color:var(--muted);font-size:12px}.price__total{border-top:1px solid #2a3140;margin-top:8px;padding-top:8px;font-size:16px}.price__total strong{color:var(--accent)}.reset{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px;font-size:14px}.reset:hover{filter:brightness(1.08)}.reset:disabled{opacity:.45;cursor:not-allowed}.reset--ghost{color:var(--text);background:0 0;border:1px solid #2a3140;margin-top:8px}.reset--premium{background:linear-gradient(90deg,#f5a623,#f76b1c);margin-top:8px}.hint{color:var(--muted);margin:6px 0 10px;font-size:11px;line-height:1.4}.file-input{width:100%;color:var(--muted);font-size:12px}.row--check{justify-content:flex-start;gap:8px}.row--check span{font-size:13px}.row--check .lock{color:var(--accent);font-style:normal}.preset-row{gap:6px;margin-bottom:10px;display:flex}.preset-row button{color:var(--text);cursor:pointer;background:#0e1117;border:1px solid #2a3140;border-radius:6px;flex:1;padding:6px 4px;font-size:11px}.preset-row button:hover{border-color:var(--accent)}.badge{background:#0e1117;border:1px solid #2a3140;border-radius:20px;padding:4px 10px;font-size:12px}.badge--premium{color:#1a1a1a;background:linear-gradient(90deg,#f5a623,#f76b1c);border:none;font-weight:700}.saves-line{color:var(--muted);margin:8px 0;font-size:12px}.limit-msg{color:#f5a623;margin-top:6px;font-size:12px}.file-row{flex-direction:column;gap:4px;margin-bottom:8px;font-size:13px;display:flex}.file-row span{color:var(--muted)}.measure-result{border-top:1px solid #2a3140;margin-top:12px;padding-top:10px}.color-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.color-preset-grid__item{min-height:44px;color:var(--text);cursor:pointer;text-align:left;background:#0e1117;border:1px solid #2a3140;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:11px;display:flex}.color-preset-grid__item--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.color-preset-grid__swatch{border:1px solid #fff2;border-radius:4px;flex-shrink:0;width:16px;height:16px}.color-preset-grid__label{flex-direction:column;gap:2px;min-width:0;line-height:1.2;display:flex}.color-preset-grid__hex{color:var(--muted);word-break:break-all;font-family:ui-monospace,monospace;font-size:9px;font-style:normal}.color-field__controls{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.color-field__hex{min-width:0;color:var(--text);background:#0e1117;border:1px solid #2a3140;border-radius:6px;flex:1;padding:6px 8px;font-family:ui-monospace,monospace;font-size:13px}.accent-palette__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.accent-palette__item{min-height:64px;color:var(--text);cursor:pointer;background:#0e1117;border:1px solid #2a3140;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.accent-palette__item--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.accent-palette__swatch{border:1px solid #fff3;border-radius:6px;width:28px;height:28px}.accent-palette__hex{color:var(--muted);font-family:ui-monospace,monospace;font-size:9px}.accent-palette__name{color:var(--muted);text-align:center;font-size:9px;line-height:1.2}.design-nav__hint{margin-top:0}.design-nav__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.design-nav__btn{min-height:52px;color:var(--text);cursor:pointer;text-align:center;background:#0e1117;border:1px solid #2a3140;border-radius:10px;padding:10px 8px;font-size:13px;font-weight:600;line-height:1.25}.design-nav__btn:active{border-color:var(--accent)}.design-nav__header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.design-nav__back{min-height:40px;color:var(--accent);cursor:pointer;background:#0e1117;border:1px solid #2a3140;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:600}.design-nav__title{color:var(--text);margin:0;font-size:15px;font-weight:700}.pattern-grid--featured{max-height:none;overflow:visible}.pattern-grid__item{min-height:44px;color:var(--muted);cursor:pointer;background:#0e1117;border:1px solid #2a3140;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:10px;display:flex}.pattern-grid__item img{object-fit:cover;border-radius:6px;width:60px;height:60px}.pattern-grid__item--active{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent)}.viewport__live-badge{z-index:2;color:#fff;letter-spacing:.3px;pointer-events:none;background:#4f86f7d9;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.atlas-preview{z-index:2;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:48px;left:12px}.atlas-preview__hint{color:#c8cdd8;text-shadow:0 1px 2px #000;pointer-events:none;margin:0;font-size:11px}.atlas-preview__row{pointer-events:auto;gap:8px;display:flex}.atlas-preview__panel{color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000a;border:1px solid #2a3140;border-radius:8px;flex-direction:column;align-items:stretch;gap:4px;padding:4px;display:flex}.atlas-preview__panel canvas{object-fit:contain;background:#0e1117;border-radius:4px;width:56px;height:auto;max-height:140px;display:block}.atlas-preview__panel span{text-align:center;font-size:10px;font-weight:700}.atlas-preview__panel[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.view-controls--compact .view-controls__btn{flex:1;min-height:32px;padding:4px 8px;font-size:11px}.view-controls--compact{max-width:calc(100% - 100px);top:8px;left:8px;right:auto}.view-controls{z-index:2;flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:12px}.view-controls__row{flex-wrap:wrap;gap:6px;display:flex}.view-controls__btn{min-height:36px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0008;border:1px solid #2a3140;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.view-controls__btn--rotate{margin-left:auto}.view-controls__btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.viewport-loader{z-index:3;pointer-events:none;background:#0f1115ee;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.viewport-loader__silhouette{background:linear-gradient(90deg,#1f2430 0%,#2a3140 50%,#1f2430 100%) 0 0/200% 100%;border-radius:40px 40px 16px 16px;width:120px;height:160px;animation:1.2s ease-in-out infinite loader-shimmer}.viewport-loader p{color:var(--muted);margin:0;font-size:14px}@keyframes loader-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.safe-zones__block{margin-bottom:12px}.safe-zones__label{color:var(--muted);margin-bottom:6px;font-size:12px}.safe-zones__shirt{background:#0e1117;border:1px dashed #2a3140;border-radius:12px;height:140px;position:relative}.safe-zones__zone{border:1px solid var(--accent);color:var(--text);text-align:center;box-sizing:border-box;background:#4f86f726;border-radius:6px;justify-content:center;align-items:center;padding:2px 4px;font-size:10px;font-weight:600;line-height:1.2;display:flex;position:absolute}.safe-zones__zone--name{font-size:9px}.safe-zones__zone--number{font-size:11px}.summary-card__row,.summary-card__colors,.summary-card__total{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.summary-card__colors{align-items:center}.summary-card__swatches{gap:6px;display:flex}.summary-card__swatch{border:1px solid #fff3;border-radius:6px;width:24px;height:24px}.summary-card__total{border-top:1px solid #2a3140;margin-top:8px;padding-top:10px;font-size:16px}.summary-card__total strong{color:var(--accent)}.summary-card__row--muted{color:var(--muted);font-size:12px}.hint--ok{color:#22c55e}.view-controls__row--secondary{justify-content:flex-end;width:100%}.view-controls__btn--fs{flex:1}.viewport--fs{background:var(--bg)}.viewport:fullscreen{background:var(--bg)}.viewport:fullscreen canvas{width:100%!important;height:100%!important}.viewport--fs .viewport__hint{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.lead-form .reset{margin-top:4px}.measure-onboard__tips{color:var(--muted);margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.5}.measure-result-card__size{color:var(--accent);margin:8px 0;font-size:48px;font-weight:700;line-height:1}.measure-result-card__backup{color:var(--muted);margin:0 0 12px;font-size:14px}.measure-result-card__rows{margin-bottom:8px}.viewport{position:relative}.viewport canvas{width:100%;height:100%;display:block}.viewport__hint{color:var(--muted);pointer-events:none;text-align:center;background:#0005;border-radius:20px;max-width:calc(100% - 24px);padding:6px 12px;font-size:12px;line-height:1.35;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.mobile-tabs{display:none}@media (width<=768px){html,body,#root{height:100dvh;overflow:hidden}.app--mobile{flex-direction:column;height:100dvh;min-height:0;display:flex}.mobile-tabs{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--panel);-webkit-overflow-scrolling:touch;border-top:1px solid #00000040;flex-shrink:0;order:2;gap:4px;display:flex;overflow-x:auto}.mobile-tabs__btn{min-width:56px;min-height:44px;color:var(--text);cursor:pointer;background:#0e1117;border:1px solid #2a3140;border-radius:10px;flex:1 0 auto;padding:6px 4px;font-size:11px;font-weight:600}.mobile-tabs__btn[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}.app--mobile .sidebar{border-top:none;border-right:none;flex:1;order:1;width:100%;min-height:0;padding:0;overflow:hidden}.app--mobile .sidebar__body{padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app--mobile .sidebar__head{padding:12px 12px 8px}.app--mobile .viewport{flex:1;order:0;min-height:0}.app--mobile.app--panel-preview .sidebar,.app--mobile.app--panel-size .viewport,.app--mobile.app--panel-summary .viewport{display:none}.app--mobile.app--live-preview .viewport{border-bottom:1px solid #00000040;flex:0 0 clamp(180px,34vh,300px);min-height:180px;max-height:34vh;display:block}.app--mobile.app--live-preview .viewport--live .viewport__hint{opacity:.9;padding:4px 8px;font-size:10px;bottom:6px}.app--mobile.app--live-preview .sidebar{flex:1;min-height:0;padding-top:8px}.sidebar__head h1{font-size:18px}.sidebar__head p{font-size:11px}.row{flex-wrap:wrap;align-items:flex-start;gap:6px}.row>span:first-child{flex:100%}.row input[type=text],.row input[type=number],.row select{width:100%;max-width:100%;min-height:40px;font-size:16px}.row input[type=color]{width:52px;height:40px}.row--check{flex-wrap:nowrap;align-items:center}.row--check span{flex:1;min-width:0;line-height:1.35}.preset-row{flex-wrap:wrap}.preset-row button{flex:calc(50% - 3px);min-height:44px;font-size:12px}.reset,.mobile-tabs__btn{touch-action:manipulation}.reset{min-height:44px}.badge{white-space:normal;text-align:right;max-width:100%;line-height:1.3}.section h2{font-size:12px}.viewport__hint{padding:5px 10px;font-size:11px;bottom:10px}.atlas-preview{bottom:42px;left:8px}.atlas-preview__panel canvas{width:48px;max-height:120px}.atlas-preview__hint{max-width:160px;font-size:10px}.view-controls{top:8px;left:8px;right:8px}.view-controls__btn{min-height:44px;padding:8px 10px;font-size:11px}.view-controls__row--secondary{flex-wrap:wrap}.view-controls__btn--rotate,.view-controls__btn--fs{flex:calc(50% - 3px);margin-left:0}.pattern-grid,.accent-palette__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-field__hex{min-height:40px;font-size:16px}.design-nav__btn{min-height:56px;font-size:14px}}