/* One scrolling content surface on phones; a persistent preview on computers. */
:root{font-family:"Segoe UI",Arial,sans-serif;color:#272336;background:#f6f5fa;font-size:16px}
body{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
button,input,select,summary{min-height:46px}button{font-weight:650;border-radius:10px;border-color:#d9d4e3}button:hover{border-color:#7050d4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8154db;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}input[type=checkbox]{min-height:0;width:20px;height:20px;accent-color:#6138e8}input[type=range]{min-height:32px;accent-color:#6138e8}select,input[type=number],textarea{font-size:16px!important}small,.note,.hint{color:#625b70}
header{height:64px;min-height:64px;flex-shrink:0;padding:8px 24px;gap:12px;flex-wrap:nowrap}.brand{font-size:16px;min-width:0}.brand img{width:62px!important;height:42px!important;object-fit:contain}header nav{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}header nav button{font-size:13px;padding:8px 12px}.header-tools{position:relative;border:0;padding:0;margin:0}.header-tools>summary{display:flex;align-items:center;list-style:none;padding:8px 14px;margin:0!important;border:1px solid #d9d4e3;border-radius:10px;font-size:13px;cursor:pointer}.header-tools>summary::after{content:'⌄';margin-left:8px}.header-tools>summary::-webkit-details-marker{display:none}.header-tools>div{position:absolute;right:0;top:52px;z-index:30;min-width:230px;display:grid;gap:8px;padding:12px;background:white;border:1px solid #ded4ec;border-radius:14px;box-shadow:0 8px 30px #32224c33}.header-tools button{width:100%;text-align:left}.header-tools a{padding:12px;font-size:14px;color:#6138e8}.header-tools #undo::after{content:' Geri al'}.header-tools #redo::after{content:' Yinele'}
.tabs{height:66px;flex-shrink:0;position:static;display:flex;justify-content:center;gap:10px;padding:10px 24px;background:white;border-bottom:1px solid #e4dfec}.tabs button{flex:1;max-width:270px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px;font-size:15px;background:#f3f1f7;color:#51485f;border-radius:10px}.tabs button span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e2dce9;color:#544866}.tabs button.active{background:#6138e8;color:white}.tabs button.active span{background:#ffffff30;color:white}
main{display:grid!important;grid-template-columns:minmax(380px,480px) minmax(0,1fr);width:100%;max-width:none;height:auto!important;flex:1;min-height:0;overflow:hidden;margin:0}aside{width:auto!important;height:auto!important;max-height:none!important;min-height:0;overflow:auto!important;background:white;border-right:1px solid #e4dfec}#controls{padding:24px;max-height:none!important;overflow:visible!important}#controls>details{background:#faf9fc;border:1px solid #e3deeb;border-radius:12px;padding:16px;margin-bottom:14px}#controls summary{font-size:16px;min-height:32px;color:#32283f}#controls .field{margin:16px 0}#controls label,.range-head{color:#493f56;font-size:14px}.range-head output{color:#5932a2;background:#eee7fa;border-radius:6px;padding:4px 8px}#controls .number{background:white}.shape-grid{grid-template-columns:repeat(3,1fr)}.shape-grid button{font-size:13px;min-height:54px}.shape-grid button.active{background:#eee5ff;color:#59329c;border-color:#8760c9}.simple-shape-choice{display:none!important}.check{line-height:1.5}.check input{flex-shrink:0}
.workspace{display:flex;flex-direction:column;padding:24px;min-width:0;min-height:0;max-height:none;overflow:auto;background:#f6f5fa}.workspace-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.workspace-top h1{font-size:24px;line-height:1.2}.eyebrow{font-size:11px;letter-spacing:.08em;color:#6e607f}.view-toggle{display:flex;gap:3px;padding:4px;background:#eae5f1}.view-toggle button{padding:8px 10px;font-size:12px}.view-toggle button.active{background:#6138e8;color:white}.mobile-step-heading,#compare-toggle{display:none}#viewer{flex:1;min-height:280px;height:auto!important;border-radius:16px;overflow:hidden}.viewer-actions{top:12px;bottom:auto;gap:6px}.viewer-actions button{min-height:44px;padding:8px 12px}.viewer-help{font-size:12px;bottom:18px}.view-label{top:22px;left:16px;font-size:12px}#editor-view{margin:auto 0;padding:20px;border:1px solid #ddd7e8;background:white;min-height:0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;min-height:0}.compare canvas{width:100%;height:44dvh;max-height:520px;object-fit:contain;background:#f3f0f7;border-radius:12px}.compare-head{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:14px;font-weight:600;color:#51465f;padding-bottom:14px}.metrics{margin-top:16px;padding:12px 0;grid-template-columns:repeat(3,1fr)}.metrics strong{font-size:14px}.metrics small{font-size:12px}.metrics>div{padding:0 14px}.metrics>div:last-child{grid-column:auto}.action-row{display:none!important}
.wizard-footer{flex-shrink:0;padding:10px 24px max(12px,env(safe-area-inset-bottom));background:white;border-top:1px solid #e4dfec;z-index:5}.wizard-footer #status{font-size:12px;line-height:1.4;margin:0 0 8px;color:#60536e}.wizard-footer #status.error{color:#b02440}.wizard-actions{display:flex;gap:10px;align-items:center;max-width:900px;margin:auto}.wizard-actions #wizard-next{flex:1;min-height:50px;font-size:16px;background:#6138e8;border-color:#6138e8;color:white}.wizard-actions #wizard-back{min-height:50px;padding:10px 24px}.wizard-actions #wizard-options{font-size:13px}#wizard-cancel{width:100%;margin-top:8px;color:#ac203b}.wizard-footer [hidden]{display:none!important}.primary{background:#6138e8;border-color:#6138e8;color:white}.primary:hover{background:#5127d1}
body[data-stage=upload] main{display:block!important;overflow:auto}body[data-stage=upload] aside{height:100%!important;border:0;background:#f6f5fa}body[data-stage=upload] #controls{max-width:650px;margin:auto;padding:32px 24px}body[data-stage=upload] .workspace{display:none}body[data-stage=upload] .step-heading{text-align:center}body[data-stage=upload][data-ready=false]:not(.working) .wizard-actions{display:none}.step-heading{margin-bottom:24px}.step-heading>span{font-size:12px;font-weight:750;color:#6b4f96}.step-heading h2{font-size:28px;line-height:1.2;margin:8px 0 12px;letter-spacing:-.02em}.step-heading p{font-size:15px;line-height:1.6;margin:0;color:#655a73}.upload{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;width:100%;border:2px dashed #a78bcc;border-radius:16px;background:white;color:#4b2d73}.upload>span{font-size:32px;color:#6138e8}.upload b{font-size:20px}.upload small{font-size:13px;color:#615371}.demo-choice{display:flex;align-items:center;gap:16px;width:100%;padding:14px;text-align:left;border-radius:14px}.demo-choice img{width:80px;height:72px;object-fit:cover;border-radius:10px}.demo-choice span{display:grid;gap:6px}.demo-choice b{font-size:15px}.demo-choice small{font-size:13px}.privacy-note{font-size:13px;text-align:center;line-height:1.6;color:#685d76;margin-top:20px}.chosen-photo{display:flex;gap:14px;align-items:center;margin:16px 0;padding:14px;border:1px solid #e4dcec;border-radius:12px;background:white}.chosen-photo img{width:64px;height:64px;object-fit:cover;border-radius:8px}.chosen-photo div{min-width:0}.chosen-photo b{font-size:14px;overflow-wrap:anywhere}.chosen-photo small{display:block;margin-top:6px}
.quick-tones{display:flex;gap:8px;margin-bottom:20px}.quick-tones button{flex:1;font-size:13px;padding:10px 6px;min-height:48px}.quick-tones [aria-pressed=true],.size-presets [aria-pressed=true]{background:#eee5ff;border-color:#8760c9;color:#59329c}.simple-mode .field{margin:20px 0}.simple-mode .inline-actions{display:flex;gap:8px;flex-wrap:wrap}.simple-mode .inline-actions button{flex:1;font-size:13px}.hint{font-size:13px;line-height:1.6}.field-label{display:block;font-size:15px;font-weight:700;margin-bottom:10px;color:#42344f}.easy-shapes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.easy-shapes button{display:grid;text-align:left;grid-template-columns:30px 1fr;padding:14px;gap:6px;min-height:76px}.easy-shapes button>span{grid-row:1/3;align-self:center;font-size:26px;color:#7143b1}.easy-shapes b{font-size:15px}.easy-shapes small{font-size:12px;font-weight:400}.easy-shapes .active{border:2px solid #7a4fbe;background:#f2ecfc;padding:13px}.size-presets{display:flex;gap:8px}.size-presets button{display:grid;flex:1;text-align:center;gap:5px;padding:12px 6px}.size-presets b{font-size:14px}.size-presets small{font-size:14px}.ready-summary{display:grid;gap:8px;padding:16px;border-radius:12px;background:#f4f0fa}.ready-summary span{font-size:13px;color:#62536f}.ready-summary b{font-size:20px}.ready-summary small{font-size:13px;line-height:1.6}.training-link{display:block;color:#6334ac;font-size:14px;margin:20px 0}.simple-mode .metrics,.simple-mode #jump-preview,.simple-mode .local-note{display:none!important}body[data-stage=edit] .view-toggle{display:none}
dialog{max-width:650px;max-height:85dvh;border:1px solid #dcd2e9;border-radius:18px;padding:24px;overflow:auto;color:#342543}dialog::backdrop{background:#1d122969;backdrop-filter:blur(3px)}dialog p{font-size:14px;line-height:1.6}dialog .download-choices button{min-height:80px;padding:16px}dialog .dialog-actions{flex-wrap:wrap}
@media(max-width:899px){
 header{height:58px;min-height:58px;padding:6px 12px}.brand{gap:6px}.brand img{width:42px!important;height:34px!important}.brand span{font-size:13px!important}header nav{gap:6px}header nav button{font-size:12px;padding:8px}.header-tools>summary{font-size:12px;padding:8px}.header-tools>summary::after{display:none}
 .tabs{height:58px;padding:6px 12px;gap:6px}.tabs button{font-size:13px;gap:5px;padding:6px}.tabs button span{width:21px;height:21px;font-size:11px}
 main,body.simple-mode main{display:flex!important;flex-direction:column!important;overflow:auto!important;overscroll-behavior:contain;min-height:0;scroll-padding:16px}aside{order:1;flex:0 0 auto;overflow:visible!important;width:100%!important;border:0;height:auto!important;max-height:none!important}#controls{padding:20px!important;overflow:visible!important;max-height:none!important}
 .workspace{order:0;flex:0 0 auto;min-height:0;max-height:none;overflow:visible!important;padding:20px 20px 0;width:100%;background:white}.workspace-top{margin:0 0 10px;flex-direction:row}.workspace-top>div:first-child{display:none}.mobile-step-heading{display:block;margin-bottom:16px}.mobile-step-heading h2{font-size:24px;margin:0 0 6px;line-height:1.2}.mobile-step-heading p{font-size:14px;color:#655a73;line-height:1.5;margin:0}.workspace-top .view-toggle{width:100%;justify-content:center}.view-toggle button{font-size:13px;min-height:44px;flex:1}.simple-mode .view-toggle [data-light=normal]{display:none}
 #viewer{flex:none;width:100%;height:220px!important;min-height:0;border-radius:14px}.viewer-help,.view-label{display:none}.viewer-actions{bottom:10px;top:auto;right:10px}.viewer-actions button{min-height:44px;font-size:12px;padding:6px 10px}.viewer-actions #screenshot{display:none}body[data-stage=model] .mobile-step-heading p{display:none}body[data-stage=model] .mobile-step-heading{margin-bottom:10px}
 #editor-view{display:flex!important;flex-direction:column;margin:0;padding:0;border:0;background:transparent;min-height:0}#editor-view[hidden]{display:none!important}#compare-toggle{display:block;order:2;margin-top:10px;align-self:center;border:0;color:#6138e8;background:#f1ebfb;min-height:44px;font-size:13px;padding:8px 16px}.compare{display:block;height:auto;min-height:0;max-height:none!important}.compare canvas{width:100%;height:clamp(180px,30dvh,300px);max-height:none;border-radius:14px;background:#f1edf5;object-fit:contain}.compare #original,.compare-head,#editor-view>p{display:none}.show-original .compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.show-original .compare #original{display:block}.show-original .compare-head{display:grid;font-size:12px;padding-bottom:8px}.show-original .compare canvas{height:clamp(180px,30dvh,300px)}
 .simple-mode:not([data-stage=upload]) #controls>.step-heading{display:none}.step-heading h2{font-size:28px}.step-heading p{font-size:15px}.step-heading>span{font-size:12px}.simple-mode .field{margin:22px 0}.quick-tones button{font-size:13px}.simple-mode .inline-actions button{min-height:48px}.easy-shapes button{min-height:78px}.easy-shapes small{font-size:12px}.metrics{display:none}
 body[data-stage=upload] main{display:block!important}body[data-stage=upload] aside{background:#f6f5fa;min-height:100%;height:auto!important}body[data-stage=upload] #controls{max-width:540px;padding:28px 20px!important}body[data-stage=upload] .workspace{display:none}.upload{padding:24px 16px}.demo-choice img{width:70px;height:64px}.privacy-note{font-size:13px}
 .wizard-footer{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.wizard-footer #status{display:none;font-size:13px;max-height:60px;overflow:auto;margin-bottom:8px}.wizard-footer #status.error,.working .wizard-footer #status{display:block}.wizard-actions{gap:8px;flex-wrap:wrap}.wizard-actions #wizard-next{min-height:52px;font-size:15px;padding:10px 12px}.wizard-actions #wizard-back{min-height:52px;padding:10px 14px;font-size:14px}.wizard-actions #wizard-options{order:3;flex-basis:100%;min-height:36px;padding:4px;font-size:13px;border:0;color:#6138e8;background:white}body[data-stage=upload][data-ready=false]:not(.working) .wizard-footer:not(:has(.error)){display:none}
 dialog{padding:20px;max-width:calc(100vw - 20px);max-height:85dvh}dialog .download-choices{grid-template-columns:1fr}dialog .download-choices button{min-height:72px}.dialog-actions button{flex:1 1 40%;font-size:13px}.shape-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:380px){header .brand span{display:none}.workspace{padding:18px 16px 0}#controls{padding:20px 16px!important}.tabs{padding:6px 8px}.tabs button{font-size:12px}.mobile-step-heading h2{font-size:22px}.quick-tones{gap:5px}.quick-tones button{font-size:12px}.easy-shapes{gap:8px}.easy-shapes button{padding:10px}.easy-shapes .active{padding:9px}.easy-shapes small{font-size:11px}#viewer{height:180px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.header-tools>div{max-height:calc(100dvh - 76px);overflow:auto}

/* Compact model controls: keep touch targets while removing decorative card space. */
.model-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}.model-toolbar strong{font-size:14px}.model-toolbar button{font-size:13px;min-height:44px;padding:8px 12px;background:#eee7fa;color:#59329c;border-color:#cdb9e9}
.simple-mode[data-stage=model] #controls>.step-heading{display:none}
.easy-shapes{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.easy-shapes button,.easy-shapes button.active{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 4px;min-height:46px;border-width:1px;text-align:center}.easy-shapes b{font-size:13px}.easy-shapes button>span{font-size:18px}.easy-shapes small{display:none}.easy-shapes .active{box-shadow:inset 0 0 0 1px #7a4fbe}
body[data-stage=model] .size-presets button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:7px 5px}.size-presets b,.size-presets small{font-size:12px}body[data-stage=model] .simple-mode .field{margin:12px 0}.simple-mode[data-stage=model] #controls>.field{margin:12px 0}.simple-mode[data-stage=model] .field-label{font-size:13px;margin-bottom:6px}.simple-mode[data-stage=model] .ready-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.simple-mode[data-stage=model] .ready-summary b{font-size:16px}.simple-mode[data-stage=model] .ready-summary small{display:none}.simple-mode[data-stage=model] .training-link{margin:10px 0;font-size:13px}
@media(min-width:900px){.shape-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:8px 0 12px}.shape-grid button{min-height:44px;padding:6px;font-size:12px}.shape-grid button span{width:19px;font-size:16px}#controls>details{padding:12px;margin-bottom:10px}#controls .field{margin:10px 0}}
@media(max-width:899px){body[data-stage=model] .mobile-step-heading h2{font-size:20px}body[data-stage=model] .workspace{padding-top:14px}body[data-stage=model] #viewer{height:190px!important}body[data-stage=model] #controls{padding-top:12px!important}.model-toolbar{margin-bottom:8px}.easy-shapes button>span{display:none}}
@media(max-width:380px){body[data-stage=model] #viewer{height:155px!important}.model-toolbar button{font-size:12px;padding:8px}.easy-shapes b{font-size:12px}.size-presets button b{display:none}}

/* Phone model workbench: preview stays above a horizontally paged settings sheet. */
#model-categories{display:none}
@media(max-width:899px){
 body[data-stage=model] main,body.simple-mode[data-stage=model] main{overflow:hidden!important}
 body[data-stage=model] .workspace{flex:0 0 auto;padding:8px 12px;overflow:hidden!important}
 body[data-stage=model] .mobile-step-heading{display:none}
 body[data-stage=model] .workspace-top{margin-bottom:6px}
 body[data-stage=model] .view-toggle{padding:2px}
 body[data-stage=model] .view-toggle button{min-height:36px;padding:4px 8px;font-size:12px}
 body[data-stage=model] #viewer{height:clamp(125px,24dvh,205px)!important}
 body[data-stage=model] aside{flex:1;min-height:0;overflow:hidden!important;display:flex;flex-direction:column;border-top:1px solid #e2d9ed}
 body[data-stage=model] #model-categories{display:flex;flex-shrink:0;gap:4px;overflow-x:auto;scrollbar-width:none;padding:6px 8px;border-bottom:1px solid #e8e1ef;background:#faf8fd}
 #model-categories button{flex:1 0 auto;min-height:44px;padding:8px 12px;border:0;font-size:13px;background:transparent;color:#5c4b6f;border-radius:9px}
 #model-categories button[aria-selected=true]{background:#6138e8;color:white}
 body[data-stage=model] #controls{display:flex;flex:1;min-height:0;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
 .model-panel{flex:0 0 100%;width:100%;min-width:0;height:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-align:start;scroll-snap-stop:always;padding:12px 16px 20px}
 .model-panel>h2{font-size:14px;margin:0 0 10px;color:#51425e}
 body[data-stage=model] .model-panel details,body.simple-mode[data-stage=model] .model-panel details{display:block!important;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #e8e1ed}
 .model-panel details>summary{min-height:32px;font-size:13px;margin-bottom:8px}
 .model-panel .shape-grid,body.simple-mode .model-panel .shape-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
 .model-panel .shape-grid button{font-size:12px;min-height:48px;padding:7px 5px;line-height:1.35}
 .model-panel .shape-grid button span{font-size:16px;width:19px}
 .model-panel .field,body.simple-mode .model-panel .field{margin:10px 0!important}
 .model-panel .field label{font-size:13px}.model-panel .check{font-size:13px;margin:10px 0}
 .model-panel .size-presets{margin-bottom:12px}.model-panel .size-presets button{font-size:14px}
 .model-panel .number input{padding:8px}.model-panel .range-head{font-size:13px}
 .model-panel .fields{gap:10px}.model-panel .color-field input{min-height:32px}
 body[data-stage=model] .viewer-actions button{min-height:36px;padding:6px 9px}
}
@media(max-width:380px){#model-categories button{font-size:12px;padding:8px 10px}.model-panel{padding:10px 12px 16px}.model-panel .shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px) and (max-height:500px){body[data-stage=model] #viewer{height:100px!important}body[data-stage=model] header{height:46px;min-height:46px}body[data-stage=model] .tabs{height:46px;padding:2px 8px}body[data-stage=model] .workspace-top{display:none}body[data-stage=model] .wizard-footer{padding:5px 10px}body[data-stage=model] .wizard-actions #wizard-next,body[data-stage=model] .wizard-actions #wizard-back{min-height:42px}}

@media(max-width:899px){.model-panel>h2::after{content:"‹ Kaydır ›";float:right;font-size:11px;font-weight:400;color:#766488}}

/* Phone edit workbench: preview stays above a horizontally paged settings sheet. */
#edit-categories{display:none}
@media(max-width:899px){
 body[data-stage=edit] main,body.simple-mode[data-stage=edit] main{overflow:hidden!important}
 body[data-stage=edit] .workspace{flex:0 0 auto;padding:8px 12px;overflow:hidden!important}
 body[data-stage=edit] .mobile-step-heading{display:none}
 body[data-stage=edit] .workspace-top{margin-bottom:6px}
 body[data-stage=edit] .view-toggle{padding:2px}
 body[data-stage=edit] .view-toggle button{min-height:36px;padding:4px 8px;font-size:12px}
 body[data-stage=edit] #viewer{height:clamp(125px,24dvh,205px)!important}
 body[data-stage=edit] aside{flex:1;min-height:0;overflow:hidden!important;display:flex;flex-direction:column;border-top:1px solid #e2d9ed}
 body[data-stage=edit] #edit-categories{display:flex;flex-shrink:0;gap:4px;overflow-x:auto;scrollbar-width:none;padding:6px 8px;border-bottom:1px solid #e8e1ef;background:#faf8fd}
 #edit-categories button{flex:1 0 auto;min-height:44px;padding:8px 12px;border:0;font-size:13px;background:transparent;color:#5c4b6f;border-radius:9px}
 #edit-categories button[aria-selected=true]{background:#6138e8;color:white}
 body[data-stage=edit] #controls{display:flex;flex:1;min-height:0;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
 .edit-panel{flex:0 0 100%;width:100%;min-width:0;height:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-align:start;scroll-snap-stop:always;padding:12px 16px 20px}
 .edit-panel>h2{font-size:14px;margin:0 0 10px;color:#51425e}
 body[data-stage=edit] .edit-panel details,body.simple-mode[data-stage=edit] .edit-panel details{display:block!important;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #e8e1ed}
 .edit-panel details>summary{min-height:32px;font-size:13px;margin-bottom:8px}
 .edit-panel .shape-grid,body.simple-mode .edit-panel .shape-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
 .edit-panel .shape-grid button{font-size:12px;min-height:48px;padding:7px 5px;line-height:1.35}
 .edit-panel .shape-grid button span{font-size:16px;width:19px}
 .edit-panel .field,body.simple-mode .edit-panel .field{margin:10px 0!important}
 .edit-panel .field label{font-size:13px}.edit-panel .check{font-size:13px;margin:10px 0}
 .edit-panel .size-presets{margin-bottom:12px}.edit-panel .size-presets button{font-size:14px}
 .edit-panel .number input{padding:8px}.edit-panel .range-head{font-size:13px}
 .edit-panel .fields{gap:10px}.edit-panel .color-field input{min-height:32px}
 body[data-stage=edit] .viewer-actions button{min-height:36px;padding:6px 9px}
}
@media(max-width:380px){#edit-categories button{font-size:12px;padding:8px 10px}.edit-panel{padding:10px 12px 16px}.edit-panel .shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px) and (max-height:500px){body[data-stage=edit] #viewer{height:100px!important}body[data-stage=edit] header{height:46px;min-height:46px}body[data-stage=edit] .tabs{height:46px;padding:2px 8px}body[data-stage=edit] .workspace-top{display:none}body[data-stage=edit] .wizard-footer{padding:5px 10px}body[data-stage=edit] .wizard-actions #wizard-next,body[data-stage=edit] .wizard-actions #wizard-back{min-height:42px}}

@media(max-width:899px){body[data-stage=edit] #editor-view{padding:0}body[data-stage=edit] .compare canvas{height:clamp(110px,23dvh,195px)}body[data-stage=edit] #compare-toggle{min-height:32px;margin-top:4px;padding:4px 10px;font-size:12px}body[data-stage=edit] .workspace-top{display:none}.edit-panel>h2{font-size:13px}.edit-panel>h2::after{content:"‹ Kaydır ›";float:right;font-size:11px;font-weight:400}.edit-panel .quick-tones{margin:0 0 8px;gap:5px}.edit-panel .quick-tones button{min-height:44px;font-size:12px;padding:6px}.edit-panel .field{margin:8px 0!important}.edit-panel .range-head,.edit-panel label{font-size:13px}.edit-panel input[type=range]{min-height:28px;margin:4px 0}.edit-panel .inline-actions button{min-height:44px;padding:6px;font-size:13px}}
#member-form{display:grid;gap:10px}#member-form label{display:grid;gap:5px;font-size:14px}#member-form input{width:100%;min-height:44px;padding:9px;border:1px solid #cfc4df;border-radius:8px;font-size:16px}#member-form [hidden]{display:none}#member-error{color:#ac203b;margin:0}#save-dialog .dialog-actions{display:grid;grid-template-columns:1fr}#save-help{font-size:13px}

.slicer-choices{display:grid;gap:8px;margin-top:18px}#slicer-open{display:block;padding:12px;border-radius:10px;text-align:center;text-decoration:none}@media(max-width:899px){.slicer-choices{display:none}}

#editor-language{min-height:44px;width:100%}html[dir=rtl] #controls,html[dir=rtl] .tabs,html[dir=rtl] #model-categories,html[dir=rtl] #edit-categories{direction:ltr}html[dir=rtl] .model-panel,html[dir=rtl] .edit-panel{direction:rtl}html[dir=rtl] input[type=number]{direction:ltr}

.header-tools #undo::after,.header-tools #redo::after{content:" " attr(aria-label)}html:not([lang="tr"]) .model-panel>h2::after,html:not([lang="tr"]) .edit-panel>h2::after{content:"‹ ··· ›"}