:root{--ink:#17131f;--paper:#fffdf8;--ground:#f0ece5;--muted:#6d6970;--line:rgba(23,19,31,.13);--violet:#8566ed;--deep:#211b33;--mint:#57d19b;--yellow:#ffd83d;--coral:#ff7048;--sky:#83cff6;--safe-top:max(env(safe-area-inset-top),12px);--safe-bottom:max(env(safe-area-inset-bottom),10px);color-scheme:light}
*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;background:var(--ground);color:var(--ink);font:500 16px/1.4 var(--iskra-font-body,Inter,system-ui,sans-serif);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{overscroll-behavior:none}button,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46;box-shadow:none}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--violet) 55%,transparent);outline-offset:3px}[hidden]{display:none!important}.visually-hidden{width:1px;height:1px;padding:0;position:absolute;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.living-app{width:100%;min-height:100dvh;max-width:820px;margin:auto;position:relative;background:var(--ground);box-shadow:0 0 80px rgba(23,19,31,.1)}.living-head{height:calc(67px + var(--safe-top));padding:var(--safe-top) 14px 8px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;position:fixed;z-index:50;top:0;left:max(0px,calc((100vw - 820px)/2));right:max(0px,calc((100vw - 820px)/2));border-bottom:1px solid var(--line);background:rgba(240,236,229,.88);backdrop-filter:blur(22px)}.living-head>div{min-width:0;line-height:1.05}.living-head small,.living-head strong{display:block}.living-head small{color:var(--violet);font-size:8px;font-weight:950;letter-spacing:.1em}.living-head strong{margin-top:4px;overflow:hidden;font-size:15px;font-weight:930;text-overflow:ellipsis;white-space:nowrap}.round-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:18px;font-weight:900}.private-chip{height:32px;padding:0 10px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,248,.75);color:var(--muted);font-size:8px;font-weight:850}.private-chip i,.ar-topbar span i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(87,209,155,.15)}.progress-track{height:3px;position:fixed;z-index:55;top:calc(66px + var(--safe-top));left:max(0px,calc((100vw - 820px)/2));right:max(0px,calc((100vw - 820px)/2));background:rgba(23,19,31,.08)}.progress-track span{height:100%;display:block;background:linear-gradient(90deg,var(--violet),var(--coral),var(--yellow));transition:width .35s ease}
.screen{min-height:100dvh;padding:calc(98px + var(--safe-top)) 17px calc(36px + var(--safe-bottom));overflow:hidden}.eyebrow{margin:0 0 10px;color:var(--violet);font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.screen h1{margin:0;font-size:clamp(42px,11.2vw,68px);font-weight:950;line-height:.91;letter-spacing:-.067em}.screen h1 em{color:var(--violet);font-style:normal}.lead{max-width:590px;margin:19px 0 23px;color:var(--muted);font-size:13px;line-height:1.55}.primary-button,.secondary-button,.text-button{min-height:49px;padding:12px 17px;border-radius:16px;font-weight:880}.primary-button{border:0;background:var(--deep);color:#fff;box-shadow:0 13px 28px rgba(33,27,51,.18)}.secondary-button{border:1px solid var(--line);background:var(--paper)}.text-button{border:0;background:transparent;color:var(--muted)}.wide{width:100%}.danger{color:#a43a2a}.danger-bg{background:#a43a2a}
.magic-frame{width:138px;height:138px;margin:6px 0 28px;display:grid;place-items:center;position:relative;border:1px solid rgba(133,102,237,.25);border-radius:34px;transform:rotate(-3deg)}.magic-frame::before{content:"";position:absolute;inset:11px;border:1px solid rgba(133,102,237,.24);border-radius:25px}.magic-frame>div{width:88px;height:88px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#392d58,#8566ed 55%,#ff7048);box-shadow:0 22px 40px rgba(33,27,51,.25)}.magic-frame span{color:var(--yellow);font-size:38px;animation:magic-breathe 2.5s ease-in-out infinite}.magic-frame i,.magic-frame b{position:absolute;border-radius:50%;background:var(--mint)}.magic-frame i{width:18px;height:18px;left:10px;top:15px}.magic-frame b{width:26px;height:26px;right:8px;bottom:11px;background:var(--yellow)}.capture-actions{display:grid;gap:8px}.capture-actions button span{margin-right:7px}.capture-tips{margin:22px 0 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.capture-tips span{padding:10px 6px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--muted);font-size:8px;text-align:center}.capture-tips b{width:22px;height:22px;margin:0 auto 6px;display:grid;place-items:center;border-radius:8px;background:rgba(133,102,237,.1);color:var(--violet);font-size:9px}.truth-note{padding:12px 13px;border-radius:16px;background:rgba(255,216,61,.16);color:var(--muted);font-size:9px;line-height:1.5}.truth-note b{color:var(--ink)}
.source-preview{margin:24px 0 11px;aspect-ratio:4/3;position:relative;overflow:hidden;border:7px solid var(--paper);border-radius:27px;background:#282330;box-shadow:0 18px 42px rgba(23,19,31,.16)}.source-preview img,.scan-frame img,.preview-card img,.local-stage img,.plane-media>img{width:100%;height:100%;display:block;object-fit:contain;background:#211d25}.source-preview span{padding:7px 10px;position:absolute;left:10px;bottom:10px;border-radius:999px;background:rgba(23,19,31,.72);color:#fff;font-size:8px;font-weight:850;backdrop-filter:blur(10px)}.source-preview span.ok{background:rgba(24,130,86,.86)}.source-preview span.bad{background:rgba(164,58,42,.88)}.quality-note{min-height:18px;margin:0 3px 14px;color:var(--muted);font-size:9px}.rights-card{margin-bottom:16px;padding:3px 13px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.rights-card label{padding:12px 0;display:grid;grid-template-columns:24px 1fr;gap:8px;border-bottom:1px solid var(--line)}.rights-card label:last-child{border-bottom:0}.rights-card input{width:20px;height:20px;margin:1px 0;accent-color:var(--violet)}.rights-card strong,.rights-card small{display:block}.rights-card strong{font-size:11px;font-weight:920}.rights-card small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.4}.review-screen>.text-button{width:100%}
.analyzing-screen{display:flex;flex-direction:column;justify-content:center}.scan-frame{width:min(82vw,420px);aspect-ratio:4/3;margin:0 0 29px;position:relative;overflow:hidden;border:8px solid var(--paper);border-radius:30px;background:#211d25;box-shadow:0 24px 55px rgba(23,19,31,.2)}.scan-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(87,209,155,.42) 50%,transparent 55%);animation:scan 2.1s ease-in-out infinite}.scan-frame i{position:absolute;z-index:2;inset:11%;border:1px solid rgba(255,255,255,.55);border-radius:10px}.scan-frame span{width:13px;height:13px;position:absolute;z-index:3;left:18%;top:25%;border:2px solid var(--yellow);border-radius:50%;box-shadow:0 0 0 7px rgba(255,216,61,.16)}.elapsed{display:flex;align-items:center;gap:9px;color:var(--violet)}.spinner{width:16px;height:16px;border:2px solid rgba(133,102,237,.22);border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}.elapsed b{font-size:11px}
.observed-card{margin:22px 0 14px;padding:13px;display:flex;gap:10px;border:1px solid var(--line);border-radius:19px;background:var(--paper)}.observed-card>span{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:rgba(87,209,155,.15);color:#198458;font-weight:900}.observed-card p{margin:0}.observed-card small,.observed-card strong,.observed-card b{display:block}.observed-card small{color:var(--muted);font-size:8px}.observed-card strong{font-size:11px;font-weight:920}.observed-card b{margin-top:3px;color:var(--violet);font-size:8px}.motion-proposals{display:grid;gap:7px}.motion-option{min-height:70px;padding:12px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-align:left}.motion-option>span:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(133,102,237,.1);color:var(--violet);font-size:17px}.motion-option>span:nth-child(2){min-width:0}.motion-option strong,.motion-option small{display:block}.motion-option strong{font-size:10px;font-weight:920;line-height:1.25}.motion-option small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.35}.motion-option>b{width:15px;height:15px;border:2px solid #a4a0a7;border-radius:50%}.motion-option.active{border-color:var(--violet);background:rgba(133,102,237,.07);box-shadow:inset 0 0 0 1px var(--violet)}.motion-option.active>b{border-color:var(--violet);background:var(--violet);box-shadow:inset 0 0 0 3px var(--paper)}.direction-field{margin:14px 0 10px;display:block}.direction-field>span{display:block;margin:0 2px 6px;font-size:9px;font-weight:880}.direction-field textarea{width:100%;min-height:76px;padding:11px 12px;resize:vertical;border:1px solid var(--line);border-radius:16px;background:var(--paper);font-size:10px}.preview-card{height:170px;margin-bottom:12px;position:relative;overflow:hidden;border:6px solid var(--paper);border-radius:23px;background:#211d25}.preview-card span{padding:6px 9px;position:absolute;z-index:4;left:8px;bottom:8px;border-radius:999px;background:rgba(23,19,31,.72);color:#fff;font-size:7px}.preview-glow,.local-light,.plane-light{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 65% 38%,rgba(255,216,61,.38),transparent 32%),linear-gradient(105deg,transparent 25%,rgba(255,255,255,.28) 46%,transparent 66%);mix-blend-mode:screen;animation:light-drift 4s ease-in-out infinite alternate}
.ready-screen,.result-screen{padding-bottom:calc(44px + var(--safe-bottom))}.local-stage,.result-stage{height:min(48vw,310px);min-height:190px;margin:25px 0 16px;position:relative;overflow:hidden;border:8px solid var(--paper);border-radius:29px;background:#211d25;box-shadow:0 24px 52px rgba(23,19,31,.18)}.local-stage img{transform-origin:center}.motion-storybook img{animation:storybook 7s ease-in-out infinite alternate}.motion-breathe img{animation:breathe 5.5s ease-in-out infinite alternate}.motion-portal img{animation:portal 7s ease-in-out infinite alternate}.motion-nature img{animation:nature 5s ease-in-out infinite alternate}.motion-surprise img{animation:surprise 6s ease-in-out infinite}.video-button{background:linear-gradient(105deg,var(--deep),#5c43b5)}.video-button span{margin-right:6px;color:var(--yellow)}.ready-screen .secondary-button,.result-screen .secondary-button{margin-top:8px}.ready-screen>.text-button,.result-screen>.text-button{width:100%;margin-top:3px}.provider-note,.result-note{margin:11px 8px 0;color:var(--muted);font-size:8px;line-height:1.45;text-align:center}.result-stage{height:min(62vw,390px)}.result-stage video,.result-stage>.local-stage{width:100%;height:100%;margin:0;border:0;border-radius:0}.result-stage video{object-fit:contain;background:#15121b}
.generation-screen{display:flex;flex-direction:column;justify-content:center}.generation-orbit{width:142px;height:142px;margin-bottom:31px;display:grid;place-items:center;position:relative;border:1px solid rgba(133,102,237,.28);border-radius:50%;animation:slow-spin 12s linear infinite}.generation-orbit::before{content:"";position:absolute;inset:17px;border:1px solid rgba(133,102,237,.2);border-radius:50%}.generation-orbit span{width:68px;height:68px;display:grid;place-items:center;border-radius:25px;background:conic-gradient(var(--yellow),var(--coral),var(--violet),var(--mint),var(--yellow));font-size:28px;box-shadow:0 19px 40px rgba(33,27,51,.2);animation:counter-spin 12s linear infinite}.generation-orbit i,.generation-orbit b{width:15px;height:15px;position:absolute;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(87,209,155,.13)}.generation-orbit i{right:8px;top:23px}.generation-orbit b{left:5px;bottom:25px;background:var(--yellow)}.generation-progress{height:8px;margin:26px 0 8px;overflow:hidden;border-radius:999px;background:rgba(23,19,31,.09)}.generation-progress span{height:100%;display:block;width:2%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--coral),var(--yellow));transition:width .5s ease}.generation-stats{display:flex;justify-content:space-between}.generation-stats strong{font-size:23px;font-weight:950}.generation-stats b{color:var(--muted);font-size:10px}.generation-screen .secondary-button{margin-top:5px}.generation-screen>.text-button{width:100%;margin-top:3px}
.ar-screen{height:100dvh;position:fixed;z-index:100;inset:0;overflow:hidden;background:#111;touch-action:none}.camera-feed,.camera-fallback{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;background:#101511}.camera-fallback{background:linear-gradient(165deg,#907acb 0 54%,#6a795e 54.3%)}.camera-fallback i{width:50%;height:35%;position:absolute;left:25%;top:24%;border:9px solid #55452f;background:#a9ceb2;box-shadow:inset 0 0 0 5px #c4a36e}.camera-fallback b{width:130%;height:33%;position:absolute;left:-15%;bottom:-12%;border-radius:50% 50% 0 0;background:#394336}.camera-fallback span{width:70px;height:160px;position:absolute;right:9%;bottom:15%;border-radius:40px 40px 0 0;background:#31382e}.ar-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.28),transparent 23%,transparent 69%,rgba(0,0,0,.48))}.ar-topbar{padding:calc(var(--safe-top) + 5px) 13px 8px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;position:absolute;z-index:20;inset:0 0 auto}.ar-topbar button{width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(23,19,31,.55);color:#fff;font-weight:900;backdrop-filter:blur(13px)}.ar-topbar span{width:max-content;justify-self:center;padding:8px 11px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(23,19,31,.5);color:#fff;font-size:8px;font-weight:850;backdrop-filter:blur(13px)}.ar-topbar span.tracked i{background:var(--mint)}.ar-topbar span.seeking i{background:var(--yellow);animation:tracking-pulse 1.1s ease-in-out infinite}.ar-topbar span.lost i{background:var(--coral)}.alignment-hint{position:absolute;z-index:14;top:calc(var(--safe-top) + 68px);left:50%;transform:translateX(-50%);width:max-content;max-width:90%;padding:9px 12px;border-radius:14px;background:rgba(23,19,31,.7);color:#fff;text-align:center;backdrop-filter:blur(12px);pointer-events:none;transition:background .2s ease,opacity .2s ease}.alignment-hint.tracked{background:rgba(20,112,76,.78)}.alignment-hint.lost{background:rgba(145,59,40,.8)}.alignment-hint strong,.alignment-hint small{display:block}.alignment-hint strong{font-size:10px}.alignment-hint small{margin-top:2px;color:rgba(255,255,255,.78);font-size:7px}.tracking-reticle{width:min(74vw,520px);height:min(54vw,380px);position:absolute;z-index:7;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.22);border-radius:8px;pointer-events:none;transition:opacity .2s ease}.tracking-reticle i{width:28px;height:28px;position:absolute;border-color:var(--yellow)}.tracking-reticle i:nth-child(1){left:-2px;top:-2px;border-left:3px solid;border-top:3px solid}.tracking-reticle i:nth-child(2){right:-2px;top:-2px;border-right:3px solid;border-top:3px solid}.tracking-reticle i:nth-child(3){right:-2px;bottom:-2px;border-right:3px solid;border-bottom:3px solid}.tracking-reticle i:nth-child(4){left:-2px;bottom:-2px;border-left:3px solid;border-bottom:3px solid}.tracking-reticle.hidden{opacity:0}.art-plane{--plane-x:50%;--plane-y:50%;--plane-scale:1;--plane-rotation:0deg;width:min(72vw,480px);aspect-ratio:4/3;position:absolute;z-index:10;left:var(--plane-x);top:var(--plane-y);transform:translate(-50%,-50%) scale(var(--plane-scale)) rotate(var(--plane-rotation));transform-origin:50% 50%;touch-action:none;filter:drop-shadow(0 16px 22px rgba(0,0,0,.35));will-change:transform;transition:opacity .16s ease}.art-plane.tracking{left:0;top:0;transform-origin:0 0;pointer-events:none}.art-plane.tracking.lost{opacity:.18}.art-plane.locked{pointer-events:none}.art-plane.manual{pointer-events:auto}.plane-media{width:100%;height:100%;position:relative;overflow:hidden;border:2px solid var(--yellow);background:#211d25}.plane-media>video,.plane-media>img{width:100%;height:100%;display:block;object-fit:cover;background:#211d25}.corner{width:22px;height:22px;position:absolute;border-color:#fff}.c1{left:-4px;top:-4px;border-left:3px solid;border-top:3px solid}.c2{right:-4px;top:-4px;border-right:3px solid;border-top:3px solid}.c3{right:-4px;bottom:-4px;border-right:3px solid;border-bottom:3px solid}.c4{left:-4px;bottom:-4px;border-left:3px solid;border-bottom:3px solid}.art-plane.tracking .corner,.art-plane.tracking .plane-media,.art-plane.locked .corner,.art-plane.locked .plane-media{border-color:var(--mint)}.ar-controls{padding:28px 14px calc(13px + var(--safe-bottom));display:grid;grid-template-columns:1fr auto;gap:8px;position:absolute;z-index:20;inset:auto 0 0;background:linear-gradient(transparent,rgba(10,9,12,.9) 31%);color:#fff}.ar-controls .secondary-button{color:var(--ink)}.ar-controls p{grid-column:1/-1;margin:0;color:rgba(255,255,255,.68);font-size:7px;text-align:center}
.confirm-dialog,.help-dialog{width:min(calc(100% - 28px),430px);padding:0;border:0;border-radius:27px;background:var(--paper);color:var(--ink);box-shadow:0 26px 80px rgba(23,19,31,.35)}.confirm-dialog::backdrop,.help-dialog::backdrop{background:rgba(23,19,31,.62);backdrop-filter:blur(5px)}.confirm-dialog form,.help-dialog form{padding:23px}.confirm-dialog h2,.help-dialog h2{margin:0;font-size:27px;font-weight:940;line-height:1.02;letter-spacing:-.045em}.confirm-dialog form>p:not(.eyebrow),.help-dialog li{color:var(--muted);font-size:10px;line-height:1.5}.confirm-dialog form>div{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.help-dialog ol{padding-left:22px}.toast{max-width:calc(100% - 28px);padding:10px 14px;position:fixed;z-index:200;left:50%;bottom:calc(18px + var(--safe-bottom));transform:translate(-50%,18px);border-radius:999px;background:var(--deep);color:#fff;font-size:9px;font-weight:800;box-shadow:0 15px 42px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:.22s ease}.toast.show{transform:translate(-50%,0);opacity:1}noscript{position:fixed;z-index:300;inset:0;padding:40px;display:grid;place-items:center;background:var(--paper);text-align:center}
@keyframes magic-breathe{0%,100%{transform:scale(.92) rotate(-7deg)}50%{transform:scale(1.08) rotate(7deg)}}@keyframes scan{0%{transform:translateY(-70%)}100%{transform:translateY(70%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tracking-pulse{50%{transform:scale(.65);opacity:.55}}@keyframes light-drift{from{transform:translateX(-10%) rotate(-4deg)}to{transform:translateX(12%) rotate(4deg)}}@keyframes storybook{from{transform:scale(1.01) translateY(1%)}to{transform:scale(1.07) translateY(-1%)}}@keyframes breathe{from{transform:scale(1);filter:brightness(.95)}to{transform:scale(1.035);filter:brightness(1.1)}}@keyframes portal{from{transform:scale(1.01);filter:saturate(.95)}to{transform:scale(1.1);filter:saturate(1.18)}}@keyframes nature{0%,100%{transform:scale(1.025) rotate(-.35deg)}50%{transform:scale(1.055) rotate(.35deg)}}@keyframes surprise{0%,78%,100%{transform:scale(1.025)}85%{transform:scale(1.06) rotate(-.6deg)}92%{transform:scale(1.06) rotate(.6deg)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes counter-spin{to{transform:rotate(-360deg)}}
@media(min-width:680px){.screen{padding-right:34px;padding-left:34px}.capture-actions{grid-template-columns:1fr 1fr}.preview-card{height:260px}.art-plane{width:480px}}@media(max-width:420px){.private-chip span{display:none}.private-chip{padding:0 12px}.screen h1{font-size:43px}.capture-tips{gap:4px}.result-stage{height:58vw}.ar-controls{grid-template-columns:1fr}.ar-controls .secondary-button{width:100%}}@media(max-height:720px){.screen{padding-top:calc(86px + var(--safe-top))}.screen h1{font-size:40px}.magic-frame{width:104px;height:104px;margin-bottom:18px}.magic-frame>div{width:70px;height:70px}.scan-frame{width:62vw;margin-bottom:18px}.lead{margin-top:13px;margin-bottom:15px}.result-stage,.local-stage{min-height:160px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(display-mode:standalone){.living-app{max-width:none}.living-head,.progress-track{left:0;right:0}}

.project-chip{min-width:94px;height:40px;padding:5px 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,248,.82);color:var(--ink);text-decoration:none}.project-chip i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(87,209,155,.15)}.project-chip span,.project-chip b,.project-chip small{display:block}.project-chip b{margin:0;font-size:8px;font-weight:930;line-height:1.1}.project-chip small{margin-top:2px;color:var(--muted);font-size:7px;font-weight:780;line-height:1}.project-chip.saving i{background:var(--yellow);animation:tracking-pulse .8s ease-in-out infinite}.project-chip.error i{background:var(--coral)}
.framing-screen .lead{margin-bottom:16px}.frame-editor{width:100%;margin:0 0 13px;position:relative;overflow:hidden;border:6px solid var(--paper);border-radius:25px;background:#17131f;box-shadow:0 20px 45px rgba(23,19,31,.18);touch-action:none}.frame-editor canvas{width:100%;height:100%;display:block}.frame-editor svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:none}.frame-editor path{fill:rgba(16,13,22,.52);pointer-events:none}.frame-editor polygon{fill:rgba(87,209,155,.07);stroke:var(--mint);stroke-width:7;vector-effect:non-scaling-stroke;pointer-events:none}.frame-editor circle{fill:var(--paper);stroke:var(--mint);stroke-width:8;vector-effect:non-scaling-stroke;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));cursor:grab;touch-action:none}.frame-editor circle:active{cursor:grabbing;fill:var(--yellow)}.frame-editor circle:focus-visible{outline:none;stroke:var(--yellow);stroke-width:12}
.target-score{margin:0 0 13px;padding:11px 12px;display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.target-score>span{height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(133,102,237,.11);color:var(--violet);font-size:10px;font-weight:950}.target-score.strong>span{background:rgba(87,209,155,.16);color:#147b51}.target-score.weak>span{background:rgba(255,112,72,.14);color:#a43a2a}.target-score p{margin:0}.target-score strong,.target-score small{display:block}.target-score strong{font-size:10px;font-weight:920}.target-score small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.35}.frame-actions{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.framing-screen>.text-button{width:100%;margin-top:3px}.project-library-link{display:grid;place-items:center;text-align:center;text-decoration:none}.result-screen .project-library-link{margin-top:8px}
.art-plane.tracking.stable .plane-media{border-color:transparent}.art-plane.tracking.stable .corner{opacity:0}
@media(max-width:420px){.project-chip{min-width:78px;padding:5px 8px}.project-chip small{font-size:6.5px}.frame-editor{border-width:5px}.frame-actions{grid-template-columns:1fr}.target-score{grid-template-columns:54px 1fr}}

.capture-actions .project-source-button{grid-column:1/-1;border-color:rgba(133,102,237,.3);color:var(--violet)}.direction-field{margin:14px 0 10px}.direction-field .iskra-composer-field{--line:rgba(23,19,31,.13);--paper:#fffdf8;--violet:#8566ed;--muted:#6d6970}.direction-field .iskra-composer-field>textarea{font-size:11px}.direction-plan{margin:14px 0;padding:15px;border:1px solid rgba(133,102,237,.25);border-radius:22px;background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(239,232,255,.78))}.direction-plan>small{color:#237956;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.direction-plan h2{margin:6px 0 7px;font-size:20px;line-height:1.05;letter-spacing:-.035em}.direction-plan p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.direction-plan ul{margin:11px 0 0;padding:0;display:grid;gap:6px;list-style:none}.direction-plan li{padding-left:18px;position:relative;color:var(--ink);font-size:9px;line-height:1.35}.direction-plan li::before{content:"✓";position:absolute;left:0;color:var(--violet);font-weight:950}.ready-screen #generationPromise{margin-top:12px;margin-bottom:16px}
.generation-screen{justify-content:flex-start}.generation-workbench{height:clamp(170px,31dvh,280px);margin:0 0 18px;position:relative;overflow:hidden;border:7px solid var(--paper);border-radius:28px;background:#211d25;box-shadow:0 20px 45px rgba(23,19,31,.18);isolation:isolate}.generation-workbench>img{width:100%;height:100%;display:block;object-fit:contain}.generation-tint{position:absolute;inset:0;background:linear-gradient(120deg,rgba(133,102,237,.62),rgba(255,112,72,.48) 37%,rgba(255,216,61,.42) 64%,rgba(87,209,155,.5));mix-blend-mode:color;opacity:.68;animation:generation-tint 4.4s ease-in-out infinite alternate}.generation-workbench::after{content:"";position:absolute;z-index:2;inset:-25%;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.8) 49%,transparent 61%);mix-blend-mode:screen;animation:generation-scan 2.8s ease-in-out infinite}.spark-worker{--pixel:5px;width:44px;height:54px;position:absolute;z-index:4;right:16px;bottom:14px;filter:drop-shadow(0 8px 8px rgba(14,10,22,.35));animation:spark-hop .9s steps(2,end) infinite alternate}.spark-worker i{width:calc(var(--pixel)*4);height:calc(var(--pixel)*4);position:absolute;left:12px;top:18px;background:var(--yellow);box-shadow:-5px 5px var(--coral),5px 5px var(--yellow),-10px 10px var(--violet),0 10px var(--coral),10px 10px var(--violet),-5px 15px var(--deep),5px 15px var(--deep)}.spark-worker b{width:5px;height:5px;position:absolute;right:2px;top:5px;background:#fff;box-shadow:-8px 7px var(--mint),4px 14px var(--yellow);animation:spark-pixels .7s steps(2,end) infinite alternate}.spark-worker em{position:absolute;left:-5px;top:-8px;color:#fff;font-size:17px;font-style:normal;animation:slow-spin 2.1s linear infinite}.spark-worker[data-stage="downloading_result"],.spark-worker[data-stage="saving_private_result"]{animation-duration:.35s}.generation-steps{margin:14px 0 0;padding:0;display:grid;gap:3px;list-style:none}.generation-steps li{min-height:27px;padding:5px 8px;display:grid;grid-template-columns:20px 1fr;gap:7px;align-items:center;border-radius:10px;color:var(--muted);font-size:9px;font-weight:760}.generation-steps i{font-style:normal;text-align:center}.generation-steps li.done{color:#2b7f60}.generation-steps li.active{background:rgba(133,102,237,.1);color:var(--deep)}.generation-steps li.active i{animation:spark-hop .6s steps(2,end) infinite alternate}.generation-debug{margin:0 4px 8px;display:block;overflow-wrap:anywhere;color:#8b858d;font:600 7px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.generation-screen .lead{margin-top:10px;margin-bottom:7px}.generation-screen .generation-progress{margin-top:13px}
.project-picker{width:min(calc(100% - 24px),560px);max-height:min(82dvh,720px);padding:0;border:0;border-radius:26px;background:var(--ground);color:var(--ink);box-shadow:0 30px 90px rgba(23,19,31,.4)}.project-picker::backdrop{background:rgba(23,19,31,.62);backdrop-filter:blur(6px)}.project-picker form{padding:18px}.project-picker header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.project-picker h2{margin:0;font-size:28px;line-height:1;letter-spacing:-.04em}.project-picker form>p{margin:10px 0 14px;color:var(--muted);font-size:10px;line-height:1.45}.project-picker-list{max-height:55dvh;display:grid;gap:8px;overflow:auto}.project-picker-card{width:100%;padding:8px;display:grid;grid-template-columns:74px minmax(0,1fr) 22px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:18px;background:var(--paper);text-align:left}.project-picker-card img{width:74px;height:66px;display:block;object-fit:contain;border-radius:12px;background:#211d25}.project-picker-card strong,.project-picker-card small{display:block}.project-picker-card strong{font-size:11px;line-height:1.25}.project-picker-card small{margin-top:4px;color:var(--violet);font-size:8px}.project-picker-card>b{font-size:18px}.picker-empty{padding:25px 18px;display:grid;gap:6px;border:1px dashed var(--line);border-radius:18px;text-align:center}.picker-empty b{font-size:13px}.picker-empty span{color:var(--muted);font-size:9px;line-height:1.45}
@keyframes generation-tint{to{filter:hue-rotate(24deg);opacity:.82}}@keyframes generation-scan{from{transform:translateX(-65%) rotate(-3deg)}to{transform:translateX(65%) rotate(3deg)}}@keyframes spark-hop{to{transform:translateY(-6px) rotate(3deg)}}@keyframes spark-pixels{to{transform:translate(4px,-4px);opacity:.55}}
@media(max-width:420px){.generation-screen h1{font-size:39px}.generation-workbench{height:28dvh;min-height:160px}.direction-plan h2{font-size:18px}.project-picker{margin-bottom:max(env(safe-area-inset-bottom),8px)}.project-picker-card{grid-template-columns:64px minmax(0,1fr) 18px}.project-picker-card img{width:64px;height:58px}}