.slice-studio{max-width:1600px;margin:auto;padding:24px 40px 60px;color:#f5f5f5;background:#000;min-height:100vh;font-size:14px}.slice-header,.slice-history article,.slice-history>div,.slice-job-actions,.slice-title,.slice-view-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.slice-header{margin-bottom:32px}.slice-header .formora-brand{display:flex;align-items:center;gap:12px;font-size:20px}.slice-header .formora-mark{width:38px;height:38px}.slice-header .formora-brand b{font-size:12px;display:block;letter-spacing:.15em}.slice-back{display:flex;gap:8px;align-items:center;color:#bbb}.slice-title{margin-bottom:24px}.slice-title h1{font-size:30px;margin:0 0 6px;font-weight:500}.slice-title p{letter-spacing:.14em;margin:0}.slice-history>div>span,.slice-title p,.slice-title>span{font-size:12px;color:#aaa}.slice-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start}.slice-settings,.slice-view{background:#0b0b0b;border:1px solid #262626;border-radius:28px;overflow:hidden}.slice-view-heading{height:60px;padding:0 24px;color:#bbb}.slice-view-heading>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slice-canvas{height:440px;position:relative;background:#000;touch-action:none}.slice-canvas canvas{display:block;width:100%;height:100%}.slice-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;pointer-events:none;z-index:1}.slice-empty strong{font-size:24px;font-weight:400}.slice-empty span{color:#999;font-size:13px}.slice-canvas-error{position:absolute;bottom:12px;left:24px;color:#f0b8aa}.slice-view-footer{padding:18px 24px;min-height:64px;color:#aaa;font-size:12px}.slice-view-footer label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px}.slice-view-footer input{width:100%;accent-color:#ddd}.slice-settings{padding:24px}.slice-history h2,.slice-settings h2{font-size:18px;font-weight:500;margin:0 0 18px}.slice-studio a,.slice-studio button{transition:background .18s,color .18s;border-radius:999px}.slice-studio a:focus-visible,.slice-studio button:focus-visible,.slice-studio input:focus-visible,.slice-studio select:focus-visible{outline:2px solid #fff;outline-offset:3px}.slice-studio button{min-height:40px;cursor:pointer}.slice-studio button:disabled{opacity:.45;cursor:not-allowed}.slice-upload{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#191919;border:1px solid #353535;padding:14px;margin-bottom:20px;color:#fff}.slice-upload small{display:block;color:#aaa;font-size:11px;margin-top:4px}.slice-field{display:grid;gap:8px;font-size:12px;color:#bdbdbd}.slice-field select,.slice-number{background:#1b1b1b;border:1px solid #333;border-radius:14px;min-width:0;min-height:44px;color:#fff}.slice-field select{width:100%;padding:10px;font-family:inherit}.slice-preset-info{font-size:12px;line-height:1.8;color:#aaa;margin:12px 0 18px}.slice-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.slice-number{display:flex;align-items:center;padding:0 12px;gap:6px}.slice-number input{width:100%;min-width:0;height:42px;background:none;border:0;color:#fff;font:inherit;padding:0;border-radius:0}.slice-number span{white-space:nowrap;color:#aaa;font-size:11px}.slice-support{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:13px}.slice-support input{width:16px;height:16px;accent-color:white}.slice-note{color:#aaa;font-size:12px;line-height:1.8}.slice-submit{width:100%;background:#fff;color:#000;border:0;font-weight:700;font-size:16px;min-height:50px!important;margin-top:10px}.slice-error{font-size:13px;color:#f1b5a7;line-height:1.6}.slice-history{margin-top:32px}.slice-history>div{margin-bottom:8px}.slice-history h2{margin:0}.slice-history article{padding:20px 0;border-bottom:1px solid #252525;align-items:flex-start}.slice-job-main{display:grid;gap:7px;min-width:0}.slice-job-main strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.slice-job-main>span{font-size:12px;color:#aaa}.slice-job-main p{margin:0}.slice-job-actions{flex-shrink:0}.slice-job-actions a,.slice-job-actions button,.slice-view-heading button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #333;background:none;color:#eee;padding:9px 16px;font-size:13px;min-height:40px}.slice-studio button:hover:not(:disabled){background:#303030;color:#fff}.slice-submit:hover:not(:disabled){background:#ddd!important;color:#000!important}@media(min-width:1500px){.slice-canvas{height:500px}}@media(max-width:1000px){.slice-studio{padding:24px}.slice-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.slice-settings{padding:20px}.slice-canvas{height:480px}.slice-title>span{max-width:130px;text-align:right}}@media(max-width:700px){.slice-studio{padding:18px 16px 40px}.slice-header{margin-bottom:28px}.slice-header .formora-brand{font-size:16px}.slice-back{font-size:12px}.slice-title h1{font-size:26px}.slice-workspace{grid-template-columns:1fr}.slice-canvas{height:300px}.slice-view-heading{padding:0 18px;height:52px}.slice-view-footer{padding:14px 18px}.slice-view-footer label{grid-template-columns:1fr;gap:10px}.slice-history>div{align-items:start}.slice-history>div>span{max-width:150px;text-align:right}.slice-history article{flex-wrap:wrap}.slice-job-actions{width:100%;justify-content:flex-end}.slice-empty strong{font-size:22px}.slice-empty span{font-size:12px}}.slice-workspace{grid-template-columns:minmax(0,1fr) minmax(380px,480px)}.slice-view{position:sticky;top:20px}.slice-parameters{border-top:1px solid #303030;padding-top:20px;margin-top:20px}.slice-parameter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.slice-parameter-heading h3{margin:0;font-size:16px;font-weight:500}.slice-add,.slice-parameter-heading button{background:none;border:1px solid #393939;color:#ddd;padding:8px 14px;font-size:12px}.slice-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.slice-tabs button{background:#181818;border:1px solid transparent;color:#aaa;padding:7px 13px;font-size:13px;min-height:36px}.slice-tabs button[aria-selected=true]{color:#000;background:#fff}.slice-parameter-panel{max-height:580px;overflow:auto;padding:2px 6px 8px 2px;scrollbar-width:thin;scrollbar-color:#555 transparent}.slice-parameter-panel fieldset{border:1px solid #333;border-radius:20px;padding:16px;margin:0 0 14px;min-width:0}.slice-parameter-panel legend{font-size:13px;color:#ddd;padding:0 8px}.slice-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#ccc;min-height:44px;line-height:1.5}.slice-toggle input{flex:none;width:17px;height:17px;accent-color:#fff}.slice-wide{grid-column:1/-1}.slice-field textarea,.slice-list{width:100%;box-sizing:border-box;resize:vertical;background:#191919;border:1px solid #333;border-radius:14px;padding:12px;color:#eee;font:13px/1.6 ui-monospace,monospace}.slice-field small{color:#999}.slice-add{margin:12px 0}.slice-curve{margin:12px 0 20px}.slice-curve-head,.slice-curve-row{display:grid;grid-template-columns:1fr 1fr 36px;gap:8px;margin:8px 0;font-size:12px;color:#aaa}.slice-curve-row input{min-width:0;width:100%;box-sizing:border-box;background:#191919;border:1px solid #333;border-radius:12px;padding:10px;color:#eee}.slice-curve-row button{padding:0;background:#222;border:1px solid #333;color:#eee;min-height:36px}.slice-studio textarea:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:1000px){.slice-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,390px)}.slice-settings{padding:18px}.slice-fields{gap:14px 10px}}@media(max-width:760px){.slice-workspace{grid-template-columns:1fr}.slice-view{position:static}.slice-parameter-panel{max-height:520px}.slice-canvas{height:300px}.slice-settings{padding:20px}.slice-fields{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.slice-studio *{transition:none!important}}.slice-file-status{display:flex;flex-direction:column;gap:6px;margin:14px 0;color:#bcbcbc;font-size:12px;overflow-wrap:anywhere}.slice-file-status strong{color:#f3f3f3;font-weight:500}.slice-settings>.slice-error{padding:12px 14px;border:1px solid #65453f;border-radius:16px;line-height:1.6}.slice-axes{position:absolute;left:14px;bottom:14px;width:120px;height:120px;z-index:1;pointer-events:none}.slice-axes text{font:600 12px ui-sans-serif,system-ui,sans-serif}.slice-job-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:8px 0}.slice-job-steps li{padding:6px 12px;border:1px solid #383838;border-radius:20px;color:#888;font-size:12px}.slice-job-steps li[aria-current=step]{background:#eee;color:#111;border-color:#eee}.slice-job-steps li[data-complete=true]{color:#ddd}.slice-job-stage{color:#eee!important;font-size:14px!important}.slice-job-time{font-variant-numeric:tabular-nums}.slice-history>.slice-error{display:block;margin:12px 0}.slice-history>.slice-error button{margin-left:12px;background:transparent;border:1px solid #666;border-radius:20px;color:inherit;padding:6px 14px}.slice-center{margin:16px 0 28px;border-bottom:1px solid #303030;padding-bottom:16px}.slice-center article,.slice-center>div{display:flex;justify-content:space-between;gap:18px}.slice-center h2{font-size:18px}.slice-center .slice-job-main{flex:1}.slice-center .slice-job-actions{display:flex;gap:8px}.slice-center .slice-job-actions>*{border-radius:24px}.slice-center>div>a{color:#ccc;font-size:13px}.slice-job-actions button:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.slice-center article{flex-direction:column}.slice-job-time{line-height:1.8}}.slice-grid-label{position:absolute;top:16px;left:20px;z-index:1;color:#999;font-size:11px;pointer-events:none}.slice-save-status{color:#bbb;font-size:12px;line-height:1.6;margin:16px 0}.slice-save-status button{margin-left:12px;background:transparent;border:1px solid #444;color:#eee;padding:5px 12px;border-radius:20px}.slice-transform{margin:18px 0;padding:16px;border:1px solid #333;border-radius:22px;min-width:0}.slice-transform legend{padding:0 8px;font-size:14px}.slice-rotation-fields{display:grid;gap:10px}.slice-rotation-row{display:grid;grid-template-columns:minmax(0,1fr) 60px 60px;gap:8px;align-items:center}.slice-rotation-row label,.slice-scale{display:flex;align-items:center;gap:8px;font-size:12px;color:#bbb}.slice-transform input{width:80px;min-width:0;background:#191919;color:#fff;border:1px solid #3a3a3a;border-radius:12px;padding:10px;font-size:13px}.slice-transform button{border:1px solid #444;border-radius:20px;background:#171717;color:#eee;padding:10px 6px;font-size:12px}.slice-scale{margin:16px 0}.slice-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.slice-dimensions label{display:grid;gap:6px;color:#aaa;font-size:11px}.slice-dimensions input{width:100%;box-sizing:border-box}.slice-transform-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:11px;color:#999}.slice-transform-footer button{padding:9px 12px}.slice-transform:disabled{opacity:.55}.slice-workspace{grid-template-columns:minmax(0,1fr);gap:24px}.slice-preview-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;scroll-margin-top:20px}.slice-preview-pair .slice-view{position:static;min-width:0}.slice-preview-pair .slice-canvas{height:420px}.slice-view-heading>div{display:flex;align-items:center;gap:12px;min-width:0}.slice-view-heading strong{font-size:15px;font-weight:500;color:#f3f3f3}.slice-step-number{font-size:12px;color:#888;font-variant-numeric:tabular-nums}.slice-view-heading>span{font-size:12px;flex-shrink:0}.slice-preview-filename{display:block;margin-bottom:10px;font-size:13px;color:#ddd;overflow-wrap:anywhere}.slice-layer-label,.slice-path-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.slice-layer-label{font-variant-numeric:tabular-nums;margin-bottom:10px;color:#ddd}.slice-path-controls>input[type=range]{height:28px;margin:0 0 10px;width:100%}.slice-path-actions{justify-content:flex-start;flex-wrap:wrap}.slice-edit-notice button,.slice-path-actions button,.slice-result-message button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid #444;color:#eee;font-size:12px}.slice-path-actions label,.slice-view-footer .slice-confirm-check{display:flex;gap:8px;align-items:center;line-height:1.7}.slice-path-actions input[type=checkbox],.slice-view-footer .slice-confirm-check input{width:17px;height:17px;flex-shrink:0;accent-color:white}.slice-view-footer .slice-confirm-check{margin:20px 0 10px;color:#eee}.slice-result-view .slice-submit{display:flex;gap:8px;justify-content:center;align-items:center;font-size:15px}.slice-confirm-download{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;background:#fff;color:#111;font-size:16px;font-weight:600;margin:16px 0 10px;text-decoration:none}.slice-confirm-download:hover{background:#ddd}.slice-settings-fields{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:32px;border:0;padding:0;margin:0;min-width:0}.slice-settings-fields[hidden]{display:none}.slice-setup-parameters{min-width:0}.slice-setup-parameters .slice-parameters{border-top:0;margin:0;padding:0}.slice-setup-parameters .slice-parameter-panel{max-height:680px}.slice-snapshot-settings>fieldset{border:0;padding:0;margin:0;min-width:0}.slice-snapshot-settings>p{color:#bbb;font-size:13px}.slice-edit-notice{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:#ccc;line-height:1.8}.slice-edit-notice button{flex-shrink:0}.slice-result-message{padding:0 24px}.slice-result-message button{margin-left:10px}.slice-preview-pair .slice-empty{padding:24px;text-align:center;line-height:1.7}.slice-preview-pair .slice-empty strong{font-size:22px}.slice-history .slice-job-actions{flex-wrap:wrap}@media(max-width:1050px){.slice-preview-pair .slice-canvas{height:330px}.slice-view-heading{padding:0 16px}.slice-view-heading strong{font-size:14px}.slice-view-heading>div{gap:8px}.slice-settings-fields{gap:24px;grid-template-columns:300px minmax(0,1fr)}}@media(max-width:760px){.slice-preview-pair,.slice-settings-fields{grid-template-columns:minmax(0,1fr)}.slice-preview-pair .slice-canvas{height:300px}.slice-edit-notice{align-items:flex-start;flex-direction:column}.slice-preview-pair{gap:16px}.slice-setup-parameters .slice-parameter-panel{max-height:520px}.slice-result-message{padding:0 18px}}.slice-parameter-panel>.slice-parameter-content{border:0;padding:0;margin:0;border-radius:0;min-width:0}.slice-dimensions label,.slice-grid-label,.slice-rotation-row label,.slice-scale,.slice-transform-footer{font-size:13px;color:#b4b4b4}.slice-caption,.slice-curve-head,.slice-field,.slice-field small,.slice-note,.slice-save-status,.slice-view-heading>span{font-size:13px}.slice-tabs button{font-size:14px}.slice-empty span,.slice-job-main>span,.slice-preset-info,.slice-toggle{font-size:13px}.slice-path-actions button,.slice-save-status button,.slice-transform button{min-height:40px}.slice-studio :is(button,input,select,textarea,a):focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:760px){.slice-path-actions button,.slice-save-status button,.slice-transform button{min-height:44px}.slice-job-actions{gap:10px}}