.smart-studio{max-width:1500px;margin:24px auto;padding:0 24px;color:var(--text,#e2e8f0);font-family:Cairo,"Segoe UI",sans-serif}.smart-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.smart-eyebrow{font-size:11px;letter-spacing:2px;color:#829cfc}.smart-heading h1{font-size:clamp(26px,3vw,40px);margin:12px 0}.smart-heading p{font-size:14px;color:var(--text-soft,#9ba9bf);line-height:1.8}.smart-heading a{color:#8ea8ff;white-space:nowrap}.smart-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.smart-toolbar button,.smart-toolbar label,.smart-properties button,.smart-primary{padding:10px 18px;border:1px solid var(--border,#354157);border-radius:9px;background:var(--panel,#182337);color:inherit;font:600 13px Cairo,system-ui;cursor:pointer}.smart-toolbar .smart-primary,.smart-primary{background:#3156da;color:white;border-color:#6687ff}.smart-toolbar button:disabled,.smart-properties button:disabled{opacity:.45;cursor:default}.smart-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}.smart-properties{background:var(--panel,#182337);border:1px solid var(--border,#354157);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:18px}.smart-properties h2{font-size:16px;margin:0}.smart-properties label{display:grid;gap:8px;font-size:13px}.smart-properties input,.smart-properties textarea,.smart-properties select{min-width:0;max-width:100%;box-sizing:border-box;font:inherit;background:var(--bg,#101827);color:inherit;border:1px solid var(--border,#354157);border-radius:6px;padding:8px}.smart-properties textarea{width:100%;min-height:120px;resize:vertical}.smart-stage{min-height:480px;position:relative;overflow:hidden;border:1px solid #3b465a;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#111827;padding:20px}.smart-stage canvas,.smart-stage img{display:block;max-width:100%;max-height:70dvh;width:auto;height:auto;object-fit:contain}.smart-stage canvas{touch-action:none;cursor:crosshair}.smart-stage canvas[hidden],.smart-stage img[hidden],.smart-empty[hidden]{display:none}.smart-empty{font-size:18px;color:#c4ccda;text-align:center;padding:32px}.checkerboard{background-color:#c6cbd4;background-image:linear-gradient(45deg,#e8eaf0 25%,transparent 25%),linear-gradient(-45deg,#e8eaf0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8eaf0 75%),linear-gradient(-45deg,transparent 75%,#e8eaf0 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.smart-note{font-size:12px;line-height:1.9;color:var(--text-soft,#9ba9bf)}#cutStatus,#aiStudioStatus{min-height:26px;font-size:13px;line-height:1.8;color:#8ea8ff}.smart-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.smart-tabs button{font:inherit;padding:10px 18px;border:1px solid var(--border,#354157);border-radius:8px;background:var(--panel,#182337);color:inherit;cursor:pointer}.smart-tabs button[aria-selected=true]{background:#3156da;color:white;border-color:#6687ff}.smart-result-actions{display:flex;gap:12px;flex-wrap:wrap}.smart-image-preview{max-height:140px;max-width:100%;border-radius:8px}.smart-source-label{font-size:12px;color:var(--text-soft,#9ba9bf)}@media(max-width:760px){.smart-studio{padding:0 12px;margin:16px auto}.smart-heading{align-items:flex-start;gap:12px}.smart-layout{grid-template-columns:1fr}.smart-properties{order:2}.smart-stage{min-height:300px;padding:8px}.smart-stage canvas,.smart-stage img{max-height:55dvh}.smart-toolbar{gap:7px}.smart-toolbar button,.smart-toolbar label{flex:1;text-align:center;padding:10px;white-space:nowrap}}
.smart-viewport{touch-action:none;outline:none;isolation:isolate;min-width:0}
.smart-viewport:focus-visible{outline:2px solid #7191ff;outline-offset:3px}
.smart-viewport canvas,.smart-viewport img{transform-origin:center;will-change:transform}
.smart-view-controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:5px;padding:5px;background:#182237ed;color:#f1f5ff;border:1px solid #596982;border-radius:12px;box-shadow:0 5px 18px #0003;direction:ltr}
.smart-view-controls button{display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;font:600 15px "Segoe UI",Cairo,sans-serif;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer}
.smart-view-controls button:hover{background:#334a77}.smart-view-controls output{min-width:44px;font:12px "Segoe UI",sans-serif;text-align:center}
.smart-viewport.is-panning,.smart-viewport.is-panning canvas,.smart-viewport.is-panning img{cursor:grabbing!important}
.smart-viewport.is-drop-target{outline:3px dashed #7191ff;outline-offset:-10px}
@media(min-width:761px){.smart-viewport{height:min(72dvh,760px);min-height:460px;box-sizing:border-box}}
@media(max-width:760px){.smart-viewport{height:55dvh;min-height:320px;box-sizing:border-box}.smart-view-controls{bottom:9px}.smart-properties{gap:13px;padding:16px}}