:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-primary:#19325a;--color-secondary:#1f3d68;--color-page:#f7f7f7;--color-card:#fff;--color-text-primary:#19325a;--color-text-secondary:#5f6b7a;--color-border:#e2e6ea;--color-danger:#aa1e00;--color-disabled:#8c8c89;--shadow-soft:0 20px 40px #19325a1a;--radius-card:22px;--radius-control:14px;font:16px/1.45 var(--font-sans);letter-spacing:0;color:var(--color-text-primary);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{letter-spacing:0}#root{min-height:100vh}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:14px 0 8px}.app-header{text-align:left;justify-content:flex-start;align-items:center;padding:0 0 12px;display:flex}.app-brand{align-items:center;gap:14px;display:flex}.app-brand-logo{flex:none;width:clamp(48px,4.6vw,58px);height:auto;display:block}.app-brand-title{color:var(--color-text-primary);text-transform:uppercase;gap:1px;font-size:clamp(1.08rem,1.55vw,1.28rem);font-weight:750;line-height:1.05;display:grid}.settings-icon-button{border:1px solid var(--color-border);border-radius:var(--radius-control);width:34px;height:34px;color:var(--color-primary);background:var(--color-card);font:inherit;cursor:pointer;flex:none;place-items:center;padding:0;display:grid}.settings-icon-button span{font-size:1.08rem;line-height:1}.settings-icon-button:hover,.settings-icon-button:focus-visible{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #19325a24}.calculator-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:stretch;gap:24px;min-width:0;display:grid}.input-panel,.results-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);min-width:0;box-shadow:var(--shadow-soft)}.input-panel{flex-direction:column;gap:12px;padding:16px;display:flex}.results-column{flex-direction:column;min-width:0;min-height:100%;display:flex}.results-panel{flex-direction:column;flex:auto;min-height:0;padding:16px;display:flex}.app-signature{color:var(--color-text-primary);text-align:right;justify-content:flex-end;align-items:baseline;gap:5px;margin:8px 4px 0 0;padding-top:0;line-height:1;display:flex}.app-signature span{color:var(--color-text-secondary);font-size:.78rem;font-style:italic}.app-signature strong{color:var(--color-text-primary);letter-spacing:0;font-size:.9rem;font-weight:850}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:0;display:flex}.panel-heading h2,.proposal-header h2{color:var(--color-text-primary);overflow-wrap:anywhere;margin:0;font-size:1.05rem;line-height:1.2}.eyebrow{color:var(--color-text-secondary);text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}fieldset{border:0;margin:0;padding:0}legend{color:var(--color-text-secondary);margin-bottom:8px;font-size:.86rem;font-weight:700}.field-grid{gap:8px;display:grid}.file-drop-zone{border:1px dashed var(--color-border);background:#f7f7f7;border-radius:18px;gap:8px;min-width:0;margin-bottom:8px;padding:10px;display:grid}.file-drop-zone.is-dragging{border-color:var(--color-secondary);background:#f4f4f4}.file-input{display:none}.file-drop-content{text-align:left;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.logo-preview-image,.file-drop-placeholder{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-card);object-fit:contain;width:48px;height:48px}.file-drop-placeholder{color:var(--color-text-secondary);place-items:center;font-size:.68rem;font-weight:850;display:grid}.file-drop-copy{gap:5px;min-width:0;display:grid}.file-drop-copy p{color:var(--color-text-primary);margin:0;font-size:.9rem;font-weight:850;line-height:1.2}.file-drop-copy span,.file-info-panel span,.file-info-panel p,.file-drop-message{color:var(--color-text-secondary);font-size:.76rem;line-height:1.32}.file-drop-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-drop-zone.has-file .file-drop-copy span{display:none}.secondary-button{border:1px solid var(--color-border);border-radius:var(--radius-control);width:fit-content;min-height:28px;color:var(--color-primary);background:var(--color-card);font:inherit;cursor:pointer;padding:0 12px;font-weight:800}.secondary-button:hover{border-color:var(--color-secondary)}.text-button{width:fit-content;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:800}.text-button:hover,.text-button:focus-visible{color:var(--color-secondary);outline:none;text-decoration:underline}.file-info-panel{border-top:1px solid var(--color-border);text-align:left;gap:6px;padding-top:8px;display:grid}.file-info-panel>div{gap:2px;display:grid}.file-info-panel strong{color:var(--color-text-primary);overflow-wrap:anywhere;font-size:.84rem}.file-info-panel p,.file-drop-message{margin:0}.number-field{color:var(--color-text-primary);gap:5px;font-size:.86rem;font-weight:650;display:grid}.input-with-unit{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-card);grid-template-columns:minmax(0,1fr) 54px;min-height:38px;display:grid;overflow:hidden}.input-with-unit:focus-within{border-color:var(--color-secondary);box-shadow:0 0 0 3px #19325a24}.input-with-unit input{width:100%;min-width:0;color:var(--color-text-primary);font:inherit;box-sizing:border-box;background:0 0;border:0;outline:none;padding:8px 12px;font-weight:600}.input-with-unit span{border-left:1px solid var(--color-border);color:var(--color-text-secondary);background:#f7f7f7;place-items:center;font-size:.82rem;font-weight:700;display:grid}.proportion-toggle{color:var(--color-text-primary);align-items:center;gap:8px;margin-top:8px;font-size:.86rem;font-weight:700;display:flex}.proportion-toggle input{width:16px;height:16px;accent-color:var(--color-primary)}.proportion-toggle input:disabled+span{color:var(--color-disabled)}.form-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.form-actions .secondary-button,.form-actions .calculate-button{width:100%}.calculate-button{border-radius:var(--radius-control);color:#fff;background:var(--color-primary);min-height:38px;font:inherit;cursor:pointer;border:0;padding:0 18px;font-weight:800}.calculate-button:hover{background:var(--color-secondary)}.calculate-button:focus-visible{outline-offset:2px;outline:3px solid #19325a47}.settings-overlay{z-index:20;background:#19325a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.settings-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);gap:18px;width:min(100%,620px);max-height:min(100%,720px);padding:22px;display:grid;overflow:auto;box-shadow:0 24px 70px #19325a2e}.settings-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-header h2{color:var(--color-text-primary);margin:0;font-size:1.2rem;line-height:1.2}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-control);width:38px;height:38px;color:var(--color-text-secondary);background:var(--color-card);font:inherit;cursor:pointer;flex:none;place-items:center;font-size:1.35rem;font-weight:700;display:grid}.icon-button:hover,.icon-button:focus-visible{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #19325a24}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-actions{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.settings-actions>div{gap:10px;display:flex}.error-panel{border-radius:var(--radius-control);color:var(--color-danger);text-align:left;background:#fff7f4;border:1px solid #aa1e0047;padding:12px}.error-panel p{margin:0 0 6px;font-weight:800}.error-panel ul{margin:0;padding-left:20px}.proposal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.proposal-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-card);flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex;position:relative}.proposal-card.is-best{border-color:var(--color-primary);box-shadow:inset 0 0 0 2px #19325a24}.proposal-card.is-equivalent{border-color:var(--color-secondary);box-shadow:inset 0 0 0 2px #1f3d6824}.proposal-card.is-impossible{background:#f7f7f7}.proposal-header{text-align:left;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.proposal-header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;max-width:100%;display:flex;position:relative}.technical-details{position:relative}.info-button{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-primary);background:var(--color-card);font:inherit;cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid}.info-button span{font-size:.82rem;font-weight:900;line-height:1}.info-button:hover,.info-button:focus-visible{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #19325a24}.technical-tooltip{z-index:5;border:1px solid var(--color-border);width:min(320px,100vw - 48px);max-width:calc(100vw - 48px);color:var(--color-text-primary);background:var(--color-card);box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;border-radius:18px;gap:6px;margin:0;padding:12px;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.technical-details:hover .technical-tooltip,.technical-details:focus-within .technical-tooltip,.technical-details.is-open .technical-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.technical-tooltip div{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-width:0;display:grid}.technical-tooltip dt{color:var(--color-text-secondary);overflow-wrap:anywhere;font-size:.78rem}.technical-tooltip dd{color:var(--color-text-primary);text-align:right;white-space:nowrap;margin:0;font-size:.78rem;font-weight:800}.status-badge{max-width:100%;color:var(--color-primary);white-space:normal;background:#19325a1a;border-radius:999px;flex:none;padding:5px 9px;font-size:.75rem;font-weight:800;line-height:1.2}.is-impossible .status-badge{color:var(--color-danger);background:#aa1e001a}.is-equivalent .status-badge{color:var(--color-secondary);background:#1f3d681a}.result-list{gap:0;margin:0;display:grid}.useful-format-badge{border:1px solid var(--color-primary);border-radius:var(--radius-control);color:#fff;background:var(--color-primary);text-align:left;overflow-wrap:anywhere;width:fit-content;max-width:100%;margin:0;padding:7px 11px;font-size:.82rem;font-weight:850;line-height:1.25}.useful-format-badge.is-undetermined{border-color:var(--color-border);color:var(--color-text-secondary);background:#f7f7f7;font-weight:750}.result-row{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:8px 0;display:grid}.result-row:first-child{border-top:0}.result-row dt{color:var(--color-text-secondary);text-align:left}.result-row dd{color:var(--color-text-primary);text-align:right;margin:0;font-weight:800}.machine-time-note{color:var(--color-text-secondary);text-align:left;margin:2px 0 0;font-size:.68rem;line-height:1.25}.proposal-reason{border-top:1px solid var(--color-border);color:var(--color-danger);text-align:left;margin-top:10px;padding-top:12px;font-weight:700}.layout-preview{border-top:1px solid var(--color-border);gap:12px;padding-top:16px;display:grid}.preview-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.preview-heading h3{color:var(--color-text-primary);margin:0;font-size:.95rem;line-height:1.25}.preview-heading span{color:var(--color-text-secondary);flex:none;font-size:.8rem;font-weight:750}.film-preview{border:1px solid var(--color-border);background:#f7f7f7;border-radius:18px;max-width:100%;padding:10px;overflow:hidden}.film-width-label{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.76rem;font-weight:750;display:flex}.film-width-label:before,.film-width-label:after{content:"";background:var(--color-border);flex:auto;height:1px}.film-row{width:100%;box-shadow:inset 2px 0 0 var(--color-secondary), inset -2px 0 0 var(--color-border);background:linear-gradient(#e2e6ea, #e2e6ea) left center / 100% 1px no-repeat, var(--color-card);align-items:stretch;display:flex;overflow:hidden}.film-repeat-window{max-height:160px;margin-top:10px;position:relative;overflow:hidden}.film-repeat-window:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#f7f7f700,#f7f7f7e0);height:22px;position:absolute;bottom:0;left:0;right:0}.film-repeat-rows{display:block}.film-vertical-gap{background:repeating-linear-gradient(0deg,#19325a1f 0 2px,#0000 2px 5px),#f7f7f7;width:100%}.preview-segment-group{display:contents}.logo-block{border-right:1px solid var(--color-card);min-width:0;color:var(--color-card);background:var(--color-secondary);white-space:nowrap;flex:none;place-items:center;font-size:.7rem;font-weight:850;display:grid;overflow:hidden}.margin-block{background:repeating-linear-gradient(45deg,#5f6b7a1f 0 4px,#0000 4px 8px),#f4f4f4;flex:none;min-width:0}.gap-block{background:repeating-linear-gradient(90deg,#1f3d682e 0 3px,#0000 3px 6px),#f4f4f4;flex:none;min-width:0}.preview-note{color:var(--color-text-secondary);text-align:left;margin:0;font-size:.78rem}.preview-impossible-state{min-height:128px;color:var(--color-danger);background:#fff7f4;border:1px dashed #aa1e0057;border-radius:18px;place-items:center;font-weight:800;display:grid}.result-notice,.empty-results{border:1px solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text-primary);background:var(--color-card);text-align:left;margin:16px 0 0;padding:14px}.empty-results{text-align:center;place-items:center;min-height:124px;display:grid}.empty-results p{margin:0}@media (width<=1099px) and (width>=900px){.app-shell{width:min(100% - 32px,980px)}.calculator-layout{grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:20px}.proposal-grid{grid-template-columns:1fr}.technical-tooltip{width:min(300px,100vw - 48px)}}@media (width<=899px){.app-shell{width:min(100% - 24px,760px);padding:18px 0 24px}.calculator-layout{grid-template-columns:1fr;align-items:start;gap:18px}.results-column{min-height:auto}.results-panel{flex:initial}.proposal-grid{grid-template-columns:1fr}.app-signature{margin-right:2px}}@media (width<=767px){.app-shell{width:min(100% - 20px,560px);padding-top:14px}.app-header{padding-bottom:14px}.app-brand{gap:10px}.app-brand-logo{width:48px}.app-brand-title{font-size:1.08rem}.input-panel,.results-panel,.proposal-card{padding:14px}.panel-heading{align-items:center}.panel-heading h2,.proposal-header h2{font-size:1rem}.settings-icon-button,.icon-button,.info-button{width:44px;height:44px}.secondary-button,.calculate-button,.text-button{min-height:44px}.secondary-button,.calculate-button{justify-content:center;align-items:center;padding-inline:14px;display:inline-flex}.text-button{align-items:center;display:inline-flex}.input-with-unit{grid-template-columns:minmax(0,1fr) minmax(48px,58px);min-height:44px}.input-with-unit input{padding:10px 12px}.file-drop-content{grid-template-columns:52px minmax(0,1fr);gap:10px}.logo-preview-image,.file-drop-placeholder{width:52px;height:52px}.file-drop-copy span{white-space:normal}.form-actions{grid-template-columns:1fr}.proposal-header{align-items:flex-start}.proposal-header>div:first-child{min-width:0}.proposal-header-actions{gap:6px;position:static}.status-badge{max-width:170px;padding:5px 8px;font-size:.72rem}.technical-details{position:static}.technical-tooltip{border-radius:var(--radius-control);width:auto;max-width:none;max-height:min(360px,100dvh - 120px);top:56px;left:12px;right:12px;overflow:auto;transform:translateY(-2px)}.technical-tooltip div{grid-template-columns:minmax(0,1fr);gap:2px}.technical-tooltip dd{text-align:left;white-space:normal;overflow-wrap:anywhere}.layout-preview{gap:10px;padding-top:12px}.film-preview{padding:8px}.preview-heading{grid-template-columns:1fr;display:grid}.settings-overlay{align-items:start;padding:10px;overflow:auto}.settings-panel{gap:14px;width:100%;max-height:calc(100dvh - 20px);padding:16px}.settings-grid{grid-template-columns:1fr;gap:10px}.settings-actions,.settings-actions>div{grid-template-columns:1fr;display:grid}.settings-actions .secondary-button,.settings-actions .calculate-button{width:100%}}@media (width<=420px){.app-shell{width:min(100% - 16px,420px)}.app-brand-logo{width:44px}.app-brand-title{font-size:.98rem}.input-panel,.results-panel,.proposal-card{border-radius:18px;padding:12px}.result-row{grid-template-columns:1fr;gap:4px}.result-row dd{text-align:left}.file-drop-content{grid-template-columns:1fr}.logo-preview-image,.file-drop-placeholder{width:56px;height:56px}}