*{box-sizing:border-box}:root{--paper: #faf7f2;--ink: #2b2b2b;--accent: #7c4dff;--accent-dark: #5f3bd8;--card: #ffffff;--line: #e5ddd2;--wobble: 255px 15px 225px 15px / 15px 225px 15px 255px;--wobble-2: 15px 225px 15px 255px / 225px 15px 255px 15px}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--paper);background-image:radial-gradient(circle,#eee5d8 1px,transparent 1px);background-size:24px 24px;color:var(--ink)}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:12px 20px;background:#faf7f2;border-bottom:2px dashed var(--line)}.logo{font-size:26px;font-weight:800;letter-spacing:-.5px;transform:rotate(-1.5deg);white-space:nowrap}.logo-btn{border:none;background:transparent;cursor:pointer;padding:0;color:var(--ink);font-family:inherit}.tabs{display:flex;gap:8px;margin-left:auto}.tab{border:2px solid var(--ink);background:transparent;border-radius:var(--wobble);padding:7px 18px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.tab:hover{background:#f3edff}.tab.active{background:var(--ink);color:#fff}.author-chip{display:flex;align-items:center;gap:8px;border:2px solid var(--line);background:var(--card);border-radius:var(--wobble-2);padding:5px 14px 5px 6px;font-size:14px;font-weight:600;cursor:pointer;max-width:200px;overflow:hidden;white-space:nowrap}.author-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;flex-shrink:0}.author-edit{opacity:.45;font-size:12px}.main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:24px 16px 60px}.footer{text-align:center;padding:18px;font-size:13px;color:#9b9184;border-top:2px dashed var(--line)}.theme-banner{display:flex;flex-direction:column;gap:2px;background:linear-gradient(120deg,#ede7ff,#fff0f5);border:2px solid var(--accent);border-radius:var(--wobble);padding:14px 22px;margin-bottom:24px;transform:rotate(-.4deg)}.theme-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent)}.theme-text{font-size:19px;font-weight:700}.theme-timer{font-size:13px;color:#6f6659;font-variant-numeric:tabular-nums}.theme-cta{align-self:flex-start;margin-top:10px;padding:8px 22px;font-size:14px}.theme-chip{display:inline-block;align-self:flex-start;background:linear-gradient(120deg,#ede7ff,#fff0f5);border:2px dashed var(--accent);border-radius:var(--wobble);padding:6px 16px;font-size:14px;font-weight:600;margin-bottom:14px}.app.editor-mode{height:100vh;overflow:hidden}.app.editor-mode .footer{display:none}.app.editor-mode .main{max-width:none;width:100%;padding:12px;display:flex;min-height:0}.editor{flex:1;display:flex;gap:12px;min-height:0;min-width:0}.editor-side{width:216px;flex-shrink:0;overflow-y:auto;background:var(--card);border:2px solid var(--ink);border-radius:10px;box-shadow:4px 4px #2b2b2be6;padding:12px;display:flex;flex-direction:column;gap:14px}.side-theme{font-size:12px;font-weight:600;background:linear-gradient(120deg,#ede7ff,#fff0f5);border:2px dashed var(--accent);border-radius:var(--wobble);padding:6px 10px}.theme-switch{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:600;line-height:1.4;background:linear-gradient(120deg,#ede7ff,#fff0f5);border:2px dashed var(--accent);border-radius:var(--wobble);padding:8px 10px;cursor:pointer}.theme-switch input{accent-color:var(--accent);margin-top:2px;flex-shrink:0;cursor:pointer}.theme-switch input:not(:checked)+span{opacity:.55;text-decoration:line-through}.lang-btn{border:2px solid var(--line);background:var(--card);border-radius:var(--wobble);padding:6px 12px;font-size:13px;font-weight:800;cursor:pointer;color:var(--ink)}.lang-btn:hover{border-color:var(--ink)}.login-btn{border:2px solid var(--ink);background:var(--accent);color:#fff;border-radius:var(--wobble);padding:6px 16px;font-size:13px;font-weight:700;cursor:pointer}.login-btn:hover{background:var(--accent-dark)}.auth-gate{max-width:460px;margin:40px auto}.gate-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-secondary{border:2px solid var(--ink);background:#fff;color:var(--ink);border-radius:var(--wobble);padding:12px 28px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:3px 3px #2b2b2be6}.btn-secondary:hover{background:#f3edff}.comment-signin{width:100%;border:2px dashed var(--accent);background:#f8f5ff;color:var(--accent-dark);border-radius:var(--wobble-2);padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.side-group{display:flex;flex-direction:column;gap:6px}.side-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#9b9184;display:flex;align-items:center;justify-content:space-between}.editor-side .swatches{display:grid;grid-template-columns:repeat(8,20px);gap:4px}.editor-side .swatch{width:20px;height:20px}.swatch-custom{position:relative;background:conic-gradient(#e53935,#ffb300,#43a047,#1e88e5,#8e24aa,#e53935);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.swatch-custom:after{content:"+";color:#fff;font-size:13px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.6)}.swatch-custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;border:none;padding:0}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.tools-grid .tool-btn{width:100%;height:40px}.layer-add{border:2px solid var(--line);background:var(--card);border-radius:6px;width:22px;height:20px;font-size:13px;font-weight:800;line-height:1;cursor:pointer;padding:0}.layer-add:hover:not(:disabled){border-color:var(--ink)}.layer-add:disabled{opacity:.35;cursor:default}.layers-list{display:flex;flex-direction:column;gap:4px}.layer-row{display:flex;align-items:center;gap:4px;border:2px solid var(--line);border-radius:8px;padding:2px 4px}.layer-row.active{border-color:var(--accent);background:#f3edff}.layer-row.hidden-layer .layer-name{opacity:.45}.layer-vis,.layer-del{border:none;background:transparent;font-size:12px;cursor:pointer;padding:2px}.layer-name{flex:1;min-width:0;border:none;background:transparent;font-size:12px;font-weight:600;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 0;color:var(--ink);font-family:inherit}.layer-del{color:#b71c1c}.layer-del:disabled{opacity:.25;cursor:default}.side-shortcuts{font-size:11px;color:#9b9184}.side-shortcuts summary{cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none}.side-shortcuts div{margin-top:6px;line-height:1.7;border-top:1px dashed var(--line);padding-top:6px}.side-shortcuts b{color:#6f6659}.editor-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px}.canvas-holder{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.canvas-holder .canvas-viewport{flex:1;align-self:stretch}.swatch{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.15);cursor:pointer;padding:0;transition:transform .1s}.swatch:hover{box-shadow:0 0 0 2px #2b2b2b59}.swatch.active{border:3px solid var(--ink);transform:scale(1.15)}.tool-group{display:flex;gap:6px;align-items:center}.size-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--line);background:var(--card);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.size-btn span{display:block;border-radius:50%;background:var(--ink)}.size-btn.active{border-color:var(--accent);background:#f3edff}.tool-btn{width:38px;height:38px;font-size:17px;border-radius:var(--wobble);border:2px solid var(--line);background:var(--card);cursor:pointer;transition:all .12s}.tool-btn:hover:not(:disabled){background:#f3edff}.tool-btn.active{border-color:var(--ink);background:#fff3d6}.tool-btn:disabled{opacity:.35;cursor:default}.tool-btn.glyph{font-size:19px;font-weight:700;line-height:1;font-family:system-ui,sans-serif;color:var(--ink)}.canvas-viewport{position:relative;width:100%;overflow:hidden;background:#efe9df;background-image:radial-gradient(circle,#ddd2c0 1px,transparent 1px);background-size:20px 20px;border:2px solid var(--ink);border-radius:8px;box-shadow:4px 4px #2b2b2be6;touch-action:none;display:flex;align-items:center;justify-content:center}.canvas-viewport.panning{cursor:grab}.canvas-viewport.panning:active{cursor:grabbing}.canvas-stage{position:relative;flex:none;background:#fff;border:2px solid var(--ink);border-radius:4px;box-shadow:3px 3px #2b2b2b59;transform-origin:0 0}.draw-canvas{display:block;width:100%;height:100%;background:#fff;cursor:crosshair}.canvas-viewport.panning .draw-canvas{cursor:grab}.overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.zoom-controls{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;background:#ffffffeb;border:2px solid var(--line);border-radius:var(--wobble);padding:2px 6px;z-index:5}.zoom-controls button{border:none;background:transparent;font-size:15px;font-weight:700;cursor:pointer;padding:2px 7px;border-radius:6px;line-height:1.2}.zoom-controls button:hover{background:#f3edff}.zoom-level{font-size:11px;font-weight:700;color:#9b9184;min-width:36px;text-align:center}.publish-row{display:flex;align-items:center;gap:14px}.btn-primary{border:2px solid var(--ink);background:var(--accent);color:#fff;border-radius:var(--wobble);padding:12px 28px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:3px 3px #2b2b2be6;transition:all .12s}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #2b2b2be6}.btn-primary:disabled{opacity:.45;cursor:default}.hint{color:#9b9184;font-size:14px}.error-text{color:#b71c1c}.shortcuts{font-size:12px;color:#9b9184;text-align:center;line-height:2}.shortcuts kbd{font-family:inherit;background:#fff;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:11px;color:#6f6659;white-space:nowrap}.error{background:#ffe8e6;border:2px solid #e53935;border-radius:8px;padding:10px 16px;color:#b71c1c;font-weight:600}.loading{text-align:center;padding:60px 0;color:#9b9184}.cards{display:flex;flex-direction:column;gap:28px}.section-title{font-size:17px;margin:28px 0 16px;transform:rotate(-.6deg)}.feed>.section-title:first-of-type{margin-top:0}.card-best{border-color:var(--accent);box-shadow:4px 4px 0 var(--accent)}.medal{margin-left:6px}.card-sub{font-size:12px;color:#9b9184}.theme-tag{color:var(--accent-dark)}.card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.menu-wrap{position:relative}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:41;background:#fff;border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px #2b2b2be6;padding:8px;min-width:210px;display:flex;flex-direction:column;gap:2px}.menu-title{font-size:12px;font-weight:700;color:#6f6659;padding:4px 8px 6px}.menu button{border:none;background:transparent;text-align:left;padding:8px 10px;font-size:14px;border-radius:8px;cursor:pointer}.menu button:hover{background:#f3edff}.menu-done{font-size:13px;color:#6f6659;padding:6px 8px}.menu .menu-danger{color:#b71c1c;font-weight:600}.more-btn{font-size:13px;letter-spacing:1px;width:38px}.card-error{border-top:2px dashed var(--line);color:#b71c1c;font-size:13px;padding:8px 16px}.like-btn.own{cursor:default}.like-btn.own:hover{border-color:var(--line)}.like-btn.active{background:#f3edff;border-color:var(--accent)}.author-link{border:none;background:transparent;padding:0;font:inherit;cursor:pointer;text-align:left;color:var(--ink)}.author-link:hover{color:var(--accent-dark);text-decoration:underline dotted}.comments{border-top:2px dashed var(--line);padding:12px 16px 14px;display:flex;flex-direction:column;gap:8px}.comments-loading,.comments-empty{font-size:13px;color:#9b9184}.comment{display:flex;gap:8px;align-items:baseline;font-size:14px;flex-wrap:wrap}.comment.mine .comment-author{color:var(--accent-dark)}.comment-author{font-weight:700}.comment-text{flex:1 1 auto;min-width:60%;word-break:break-word}.comment-time{font-size:11px;color:#9b9184}.comment-form{display:flex;gap:8px;margin-top:4px}.comment-form input{flex:1;border:2px solid var(--line);border-radius:var(--wobble-2);padding:8px 14px;font-size:14px;outline:none;background:#fff;min-width:0}.comment-form input:focus{border-color:var(--accent)}.comment-form button{border:2px solid var(--ink);background:var(--accent);color:#fff;border-radius:var(--wobble);width:42px;font-size:15px;cursor:pointer;flex-shrink:0}.comment-form button:disabled{opacity:.4;cursor:default}.feed-tabs{display:flex;gap:8px;margin-bottom:20px}.profile{display:flex;flex-direction:column;gap:20px}.back-link{align-self:flex-start;border:none;background:transparent;color:var(--accent-dark);font-size:14px;font-weight:600;cursor:pointer;padding:0}.back-link:hover{text-decoration:underline}.profile-header{display:flex;gap:16px;align-items:center;background:var(--card);border:2px solid var(--ink);border-radius:var(--wobble);box-shadow:4px 4px #2b2b2be6;padding:18px 20px;transform:rotate(-.3deg)}.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-info{min-width:0;flex:1}.profile-name{margin:0 0 6px;font-size:22px;overflow-wrap:anywhere}.profile-you{font-size:14px;font-weight:400;color:#9b9184}.profile-stats{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#6f6659}.profile-stats b{color:var(--ink)}.follow-btn{padding:9px 18px;font-size:14px;flex-shrink:0}.follow-btn.following{background:#fff;color:var(--ink)}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 640px){.profile-grid{grid-template-columns:repeat(3,1fr)}}.profile-work{margin:0;background:var(--card);border:2px solid var(--ink);border-radius:10px;overflow:hidden;box-shadow:3px 3px #2b2b2be6}.profile-work img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#fff;border-bottom:2px solid var(--ink)}.work-open{display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in}.work-open:hover img{opacity:.9}@keyframes card-in{0%{opacity:0;transform:translateY(16px) rotate(-1deg) scale(.98)}to{opacity:1}}.card{animation:card-in .35s ease both}.cards .card:nth-child(2){animation-delay:.06s}.cards .card:nth-child(3){animation-delay:.12s}.cards .card:nth-child(4){animation-delay:.18s}.cards .card:nth-child(5){animation-delay:.24s}@keyframes banner-in{0%{opacity:0;transform:translateY(-10px) rotate(-.4deg)}to{opacity:1;transform:rotate(-.4deg)}}.theme-banner{animation:banner-in .35s ease both}@keyframes dialog-pop{0%{opacity:0;transform:scale(.92) rotate(-.5deg)}to{opacity:1;transform:none}}.dialog{animation:dialog-pop .22s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.feed-tabs,.section-title,.profile-header,.profile-grid,.empty-state,.loading{animation:fade-in .3s ease both}.profile-work,.layer-row{transition:transform .12s ease,box-shadow .12s ease}.profile-work:hover{transform:translateY(-2px) rotate(-.5deg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.post-view{display:flex;flex-direction:column;gap:16px}.profile-work figcaption{display:flex;justify-content:space-between;font-size:12px;color:#6f6659;padding:6px 10px}.card{position:relative;background:var(--card);border:2px solid var(--ink);border-radius:10px;box-shadow:4px 4px #2b2b2be6}.card.menu-open{z-index:50}.card:nth-child(2n){transform:rotate(.4deg)}.card:nth-child(odd){transform:rotate(-.4deg)}.card-image{display:block;width:100%;background:#fff;border-bottom:2px solid var(--ink);border-radius:7px 7px 0 0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 0;min-width:0}.card-actions{padding:6px 12px 10px}.card-subrow{padding:4px 12px 0}.card-follow{border:2px solid var(--accent);background:var(--accent);color:#fff;border-radius:var(--wobble);padding:2px 12px;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:all .12s}.card-follow:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.card-follow.following{background:#fff;color:var(--ink);border-color:var(--line)}.card-author{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-time{font-size:12px;color:#9b9184}.like-btn{display:flex;align-items:center;gap:6px;border:2px solid var(--line);background:var(--card);border-radius:var(--wobble);padding:6px 14px;font-size:15px;cursor:pointer;flex-shrink:0;transition:all .12s}.like-btn:hover{border-color:var(--ink)}.like-btn.liked{background:#fff0f3;border-color:#ec407a}.like-heart{font-size:18px;line-height:1}.like-btn.liked .like-heart{animation:pop .25s ease}.like-count{font-weight:700}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.empty-state{text-align:center;padding:60px 20px}.empty-emoji{font-size:64px;margin-bottom:10px;animation:float 3s ease-in-out infinite}.empty-state p{color:#6f6659;margin:0 0 24px;font-size:17px}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2b2b73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.dialog{background:var(--card);border:2px solid var(--ink);border-radius:var(--wobble);box-shadow:6px 6px #2b2b2be6;padding:32px 30px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:12px;text-align:center}.dialog h2{margin:0;font-size:26px;transform:rotate(-1deg)}.dialog p{margin:0;color:#55503f;font-size:15px;line-height:1.5}.dialog-sub{font-weight:600;color:var(--ink)!important}.dialog input{border:2px solid var(--ink);border-radius:var(--wobble-2);padding:12px 18px;font-size:16px;text-align:center;outline:none;background:#fff}.dialog input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c4dff33}.auth-dialog{position:relative;text-align:left;gap:14px}.dialog-close{position:absolute;top:10px;right:12px;border:none;background:transparent;font-size:16px;cursor:pointer;color:#9b9184;padding:4px}.dialog-close:hover{color:var(--ink)}.dialog-tabs{display:flex;gap:8px;justify-content:center}.auth-fields{display:flex;flex-direction:column;gap:12px}.auth-fields label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#6f6659;text-align:left}.auth-fields input{border:2px solid var(--ink);border-radius:var(--wobble-2);padding:10px 14px;font-size:15px;outline:none;background:#fff;font-family:inherit}.auth-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c4dff33}.dialog-link{border:none;background:none;color:var(--accent-dark);font-size:13px;font-weight:600;cursor:pointer;padding:0;font-family:inherit}.dialog-link:hover{text-decoration:underline}.dialog-sub.small{font-size:12px!important;font-weight:400!important}.account-box{background:#f3edff;border:2px dashed var(--accent);border-radius:var(--wobble);padding:14px;text-align:center}.account-name{font-size:20px;font-weight:800}.account-email{font-size:13px;color:#6f6659;margin-top:4px}.sent-icon{font-size:48px;animation:float 2.5s ease-in-out infinite}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--ink);background:#fff;border-radius:var(--wobble);padding:11px 18px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}.google-btn:hover:not(:disabled){background:#f6f9ff}.google-btn:disabled{opacity:.5;cursor:default}.g-logo{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:conic-gradient(#4285f4,#34a853,#fbbc05,#ea4335,#4285f4);color:#fff;font-size:13px;font-weight:900}.auth-h3{margin:0;text-align:center;font-size:16px}.verify-notice{background:#fff8e1;border:2px dashed #ffb300;border-radius:var(--wobble);padding:10px 14px;font-size:13px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.notice-ok{background:#e8f5e9;border:2px dashed #43a047;border-radius:var(--wobble);color:#2e7d32;padding:10px 14px;font-size:13px;text-align:center}.auth-extra{max-width:420px;margin:0 auto}.editor-mobile,.em-canvas-top,.em-canvas-status{display:none}.em-theme-chip{border:2px dashed var(--line);background:#fff;color:#9b9184;border-radius:var(--wobble);padding:1px 12px;font-size:12px;font-weight:600;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .12s}.em-theme-chip.on{border-color:var(--accent);background:#f3edff;color:var(--ink)}.em-canvas-status{font-size:11px;color:#9b9184;justify-content:center;align-items:center;gap:4px}.em-row{display:flex;align-items:center;gap:6px}.em-btn{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:17px}.em-color{border:2px solid var(--ink);border-radius:var(--wobble-2);padding:0;cursor:pointer}.em-size{flex:1;min-width:60px;accent-color:var(--accent);height:36px;margin:0}.em-publish{flex:1;border:2px solid var(--ink);background:var(--accent);color:#fff;border-radius:var(--wobble);padding:8px 10px;font-size:19px;cursor:pointer;box-shadow:3px 3px #2b2b2be6;white-space:nowrap;min-width:48px}.em-publish:disabled{opacity:.45;cursor:default}.em-error{color:#b71c1c;font-size:13px}.em-note{color:#6f6659;font-size:12px}.em-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.em-sheet{position:relative;z-index:31;background:var(--card);border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px #2b2b2be6;padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px}.em-sheet-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#9b9184;display:flex;align-items:center;justify-content:space-between}.em-tools{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.em-tools .tool-btn{width:100%;height:44px;font-size:20px}.em-sheet .swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.em-sheet .swatch{width:100%;height:auto;aspect-ratio:1}.em-sheet .layers-list{max-height:30vh;overflow-y:auto}.admin-view{width:100%;max-width:720px;margin:0 auto;padding:24px 16px 40px;display:flex;flex-direction:column;gap:16px}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-head h1{margin:0;font-size:24px}.admin-login{display:flex;flex-direction:column;gap:12px;background:var(--card);border:2px solid var(--ink);border-radius:var(--wobble);box-shadow:4px 4px #2b2b2b26;padding:24px;max-width:380px;margin:40px auto 0;width:100%}.admin-login-title{font-size:18px;font-weight:800}.admin-login input{border:2px solid var(--ink);border-radius:var(--wobble);padding:10px 14px;font:inherit;background:#fff}.admin-login input:focus{outline:none;border-color:var(--accent)}.admin-error{color:#b71c1c;font-size:13px}.admin-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--wobble);box-shadow:4px 4px #2b2b2b26;overflow:hidden}.admin-card img{width:100%;display:block}.admin-card.is-hidden img{filter:grayscale(1);opacity:.55}.admin-info{padding:10px 14px 14px;display:flex;flex-direction:column;gap:8px}.admin-line{font-size:14px;color:#6f6659}.admin-line b{color:var(--ink)}.admin-badge{margin-left:6px;background:#b71c1c;color:#fff;border-radius:var(--wobble);padding:2px 10px;font-size:11px;font-weight:700}.admin-reports-title{font-size:13px;font-weight:700}.admin-chips{display:flex;flex-wrap:wrap;gap:6px}.admin-chip{border:2px dashed var(--line);border-radius:var(--wobble);padding:2px 10px;font-size:12px;color:#6f6659}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.admin-btn{border:2px solid var(--ink);background:#fff;border-radius:var(--wobble);padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s}.admin-btn:hover:not(:disabled){background:#f3edff}.admin-btn:disabled{opacity:.5;cursor:default}.admin-btn.danger{border-color:#b71c1c;color:#b71c1c}.admin-btn.danger:hover:not(:disabled){background:#fdecea}@media (max-width: 600px){.header{flex-wrap:wrap;gap:8px;padding:10px 12px}.tabs{order:3;width:100%;margin-left:0}.tab{flex:1;text-align:center}.logo{font-size:22px}.swatches{grid-template-columns:repeat(8,22px)}.main{padding:16px 10px 40px}.app.editor-mode{height:100dvh}.app.editor-mode .main{padding:8px}.editor{flex-direction:column}.editor-side,.publish-row{display:none}.editor-mobile{display:flex;flex-direction:column;gap:8px}}@media (max-width: 600px){.em-canvas-top{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.em-theme-chip{max-width:60%}.em-canvas-status{display:flex;flex-shrink:0;white-space:nowrap}}@media (max-width: 600px){.app.editor-mode .main{padding:6px}.editor,.editor-main{gap:6px}}