*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:#1f2430;background:#f4f5f7}.s-shell{display:flex;flex-direction:column;height:100vh}.s-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#1d2b3a;color:#fff;flex:0 0 auto}.s-brand{display:flex;align-items:center;gap:10px}.s-logo{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#c85a3f;color:#fff;font-weight:800;font-size:15px}.s-sub{color:#9fb0c0;font-weight:400}.s-topbar-note{font-size:12.5px;color:#cfd9e3}.s-auth{font-size:12px;margin-left:12px;padding:3px 8px;border-radius:10px;white-space:nowrap}.s-auth.ok{color:#7fd6a0;background:#7fd6a024}.s-auth.bad{color:#ff9a8a;background:#ff9a8a24}.s-main{display:grid;grid-template-columns:300px 1fr 1.4fr;gap:0;flex:1 1 auto;min-height:0}.s-specs{background:#fff;border-right:1px solid #e2e4e8;padding:18px;overflow-y:auto}.s-specs h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#8a93a0;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid #eef0f3}.s-specs h2:not(:first-child){margin-top:22px}.s-form-row{display:flex;flex-direction:column;margin-bottom:12px}.s-form-label{font-size:12.5px;color:#5a6370;margin-bottom:4px}.s-select-wrapper select,.s-input-wrapper input{width:100%;padding:7px 10px;font-size:13.5px;border:1px solid #d4d8de;border-radius:6px;background:#fff;color:#1f2430}.s-select-wrapper select:focus,.s-input-wrapper input:focus{outline:none;border-color:#6b93c4;box-shadow:0 0 0 2px #6b93c426}.s-custom-trim{display:grid;grid-template-columns:1fr 1fr;gap:8px}.s-button{width:100%;padding:9px 12px;margin-top:4px;font-size:13.5px;font-weight:600;border-radius:6px;border:1px solid #d4d8de;background:#fff;color:#1f2430;cursor:pointer}.s-button.primary{background:#c85a3f;border-color:#c85a3f;color:#fff}.s-button.primary:hover{background:#b64f35}.s-button:disabled{opacity:.55;cursor:not-allowed}.s-status{font-size:12px;color:#4a7a3a;margin:10px 0 0;line-height:1.45}.s-dim-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:4px}.s-dim-table th,.s-dim-table td{padding:5px 6px;border-bottom:1px solid #eef0f3;text-align:left}.s-dim-table th{color:#8a93a0;font-weight:600}.s-dim-num{color:#c85a3f;font-weight:700}.s-placeholder{font-size:12.5px;color:#9aa2ad}.s-preview{background:#eceef1;padding:18px;overflow:auto;display:flex;align-items:flex-start;justify-content:center}.s-diagram{width:100%;max-width:520px}.s-diagram svg{width:100%;height:auto;display:block}.s-diagram-empty{align-self:center;color:#9aa2ad;font-size:13px;border:2px dashed #c9cdd3;border-radius:8px;padding:40px}.s-canvas{display:flex;flex-direction:column;min-height:0;background:#262626}.s-canvas-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1d2b3a;color:#cfd9e3;font-size:12.5px;flex:0 0 auto}.s-canvas-head a{color:#8fc1ff;text-decoration:none}.s-canvas-head a:hover{text-decoration:underline}.s-canvas-hint{margin:0;padding:6px 12px;background:#2b2b2b;color:#b8c0c9;font-size:12px;flex:0 0 auto}.s-photocraft-frame{flex:1 1 auto;width:100%;border:0;min-height:0}.s-canvas-placeholder{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;text-align:center;color:#cfd9e3;font-size:13px;min-height:0}.s-canvas-placeholder strong{color:#fff;font-size:14px}.s-canvas-placeholder p{max-width:460px;color:#9fb0c0;line-height:1.5;margin:0}.s-canvas-placeholder code{background:#ffffff1f;padding:1px 5px;border-radius:4px;font-size:12px}@media (max-width: 1100px){.s-main{grid-template-columns:300px 1fr}.s-preview{display:none}}